diff --git a/AUTHORS b/AUTHORS deleted file mode 100644 index 0ca11db2..00000000 --- a/AUTHORS +++ /dev/null @@ -1,6 +0,0 @@ ------------------------- WhiteSur GTK THEME ------------------------ - -CUSTOMIZER: -Vince Liuice - WhiteSur Gtk Theme (https://github.com/vinceliuice/WhiteSur-gtk-theme) - ------------------------- WhiteSur GTK THEME ------------------------ diff --git a/COPYING b/COPYING deleted file mode 100644 index 9cecc1d4..00000000 --- a/COPYING +++ /dev/null @@ -1,674 +0,0 @@ - GNU GENERAL PUBLIC LICENSE - Version 3, 29 June 2007 - - Copyright (C) 2007 Free Software Foundation, Inc. - Everyone is permitted to copy and distribute verbatim copies - of this license document, but changing it is not allowed. - - Preamble - - The GNU General Public License is a free, copyleft license for -software and other kinds of works. - - The licenses for most software and other practical works are designed -to take away your freedom to share and change the works. By contrast, -the GNU General Public License is intended to guarantee your freedom to -share and change all versions of a program--to make sure it remains free -software for all its users. We, the Free Software Foundation, use the -GNU General Public License for most of our software; it applies also to -any other work released this way by its authors. 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 -them 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 prevent others from denying you -these rights or asking you to surrender the rights. Therefore, you have -certain responsibilities if you distribute copies of the software, or if -you modify it: responsibilities to respect the freedom of others. - - For example, if you distribute copies of such a program, whether -gratis or for a fee, you must pass on to the recipients the same -freedoms that you received. 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. - - Developers that use the GNU GPL protect your rights with two steps: -(1) assert copyright on the software, and (2) offer you this License -giving you legal permission to copy, distribute and/or modify it. - - For the developers' and authors' protection, the GPL clearly explains -that there is no warranty for this free software. For both users' and -authors' sake, the GPL requires that modified versions be marked as -changed, so that their problems will not be attributed erroneously to -authors of previous versions. - - Some devices are designed to deny users access to install or run -modified versions of the software inside them, although the manufacturer -can do so. This is fundamentally incompatible with the aim of -protecting users' freedom to change the software. The systematic -pattern of such abuse occurs in the area of products for individuals to -use, which is precisely where it is most unacceptable. Therefore, we -have designed this version of the GPL to prohibit the practice for those -products. If such problems arise substantially in other domains, we -stand ready to extend this provision to those domains in future versions -of the GPL, as needed to protect the freedom of users. - - Finally, every program is threatened constantly by software patents. -States should not allow patents to restrict development and use of -software on general-purpose computers, but in those that do, we wish to -avoid the special danger that patents applied to a free program could -make it effectively proprietary. To prevent this, the GPL assures that -patents cannot be used to render the program non-free. - - The precise terms and conditions for copying, distribution and -modification follow. - - TERMS AND CONDITIONS - - 0. Definitions. - - "This License" refers to version 3 of the GNU General Public License. - - "Copyright" also means copyright-like laws that apply to other kinds of -works, such as semiconductor masks. - - "The Program" refers to any copyrightable work licensed under this -License. Each licensee is addressed as "you". "Licensees" and -"recipients" may be individuals or organizations. - - To "modify" a work means to copy from or adapt all or part of the work -in a fashion requiring copyright permission, other than the making of an -exact copy. The resulting work is called a "modified version" of the -earlier work or a work "based on" the earlier work. - - A "covered work" means either the unmodified Program or a work based -on the Program. - - To "propagate" a work means to do anything with it that, without -permission, would make you directly or secondarily liable for -infringement under applicable copyright law, except executing it on a -computer or modifying a private copy. Propagation includes copying, -distribution (with or without modification), making available to the -public, and in some countries other activities as well. - - To "convey" a work means any kind of propagation that enables other -parties to make or receive copies. Mere interaction with a user through -a computer network, with no transfer of a copy, is not conveying. - - An interactive user interface displays "Appropriate Legal Notices" -to the extent that it includes a convenient and prominently visible -feature that (1) displays an appropriate copyright notice, and (2) -tells the user that there is no warranty for the work (except to the -extent that warranties are provided), that licensees may convey the -work under this License, and how to view a copy of this License. If -the interface presents a list of user commands or options, such as a -menu, a prominent item in the list meets this criterion. - - 1. Source Code. - - The "source code" for a work means the preferred form of the work -for making modifications to it. "Object code" means any non-source -form of a work. - - A "Standard Interface" means an interface that either is an official -standard defined by a recognized standards body, or, in the case of -interfaces specified for a particular programming language, one that -is widely used among developers working in that language. - - The "System Libraries" of an executable work include anything, other -than the work as a whole, that (a) is included in the normal form of -packaging a Major Component, but which is not part of that Major -Component, and (b) serves only to enable use of the work with that -Major Component, or to implement a Standard Interface for which an -implementation is available to the public in source code form. A -"Major Component", in this context, means a major essential component -(kernel, window system, and so on) of the specific operating system -(if any) on which the executable work runs, or a compiler used to -produce the work, or an object code interpreter used to run it. - - The "Corresponding Source" for a work in object code form means all -the source code needed to generate, install, and (for an executable -work) run the object code and to modify the work, including scripts to -control those activities. However, it does not include the work's -System Libraries, or general-purpose tools or generally available free -programs which are used unmodified in performing those activities but -which are not part of the work. For example, Corresponding Source -includes interface definition files associated with source files for -the work, and the source code for shared libraries and dynamically -linked subprograms that the work is specifically designed to require, -such as by intimate data communication or control flow between those -subprograms and other parts of the work. - - The Corresponding Source need not include anything that users -can regenerate automatically from other parts of the Corresponding -Source. - - The Corresponding Source for a work in source code form is that -same work. - - 2. Basic Permissions. - - All rights granted under this License are granted for the term of -copyright on the Program, and are irrevocable provided the stated -conditions are met. This License explicitly affirms your unlimited -permission to run the unmodified Program. The output from running a -covered work is covered by this License only if the output, given its -content, constitutes a covered work. This License acknowledges your -rights of fair use or other equivalent, as provided by copyright law. - - You may make, run and propagate covered works that you do not -convey, without conditions so long as your license otherwise remains -in force. You may convey covered works to others for the sole purpose -of having them make modifications exclusively for you, or provide you -with facilities for running those works, provided that you comply with -the terms of this License in conveying all material for which you do -not control copyright. Those thus making or running the covered works -for you must do so exclusively on your behalf, under your direction -and control, on terms that prohibit them from making any copies of -your copyrighted material outside their relationship with you. - - Conveying under any other circumstances is permitted solely under -the conditions stated below. Sublicensing is not allowed; section 10 -makes it unnecessary. - - 3. Protecting Users' Legal Rights From Anti-Circumvention Law. - - No covered work shall be deemed part of an effective technological -measure under any applicable law fulfilling obligations under article -11 of the WIPO copyright treaty adopted on 20 December 1996, or -similar laws prohibiting or restricting circumvention of such -measures. - - When you convey a covered work, you waive any legal power to forbid -circumvention of technological measures to the extent such circumvention -is effected by exercising rights under this License with respect to -the covered work, and you disclaim any intention to limit operation or -modification of the work as a means of enforcing, against the work's -users, your or third parties' legal rights to forbid circumvention of -technological measures. - - 4. Conveying Verbatim Copies. - - You may convey 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; -keep intact all notices stating that this License and any -non-permissive terms added in accord with section 7 apply to the code; -keep intact all notices of the absence of any warranty; and give all -recipients a copy of this License along with the Program. - - You may charge any price or no price for each copy that you convey, -and you may offer support or warranty protection for a fee. - - 5. Conveying Modified Source Versions. - - You may convey a work based on the Program, or the modifications to -produce it from the Program, in the form of source code under the -terms of section 4, provided that you also meet all of these conditions: - - a) The work must carry prominent notices stating that you modified - it, and giving a relevant date. - - b) The work must carry prominent notices stating that it is - released under this License and any conditions added under section - 7. This requirement modifies the requirement in section 4 to - "keep intact all notices". - - c) You must license the entire work, as a whole, under this - License to anyone who comes into possession of a copy. This - License will therefore apply, along with any applicable section 7 - additional terms, to the whole of the work, and all its parts, - regardless of how they are packaged. This License gives no - permission to license the work in any other way, but it does not - invalidate such permission if you have separately received it. - - d) If the work has interactive user interfaces, each must display - Appropriate Legal Notices; however, if the Program has interactive - interfaces that do not display Appropriate Legal Notices, your - work need not make them do so. - - A compilation of a covered work with other separate and independent -works, which are not by their nature extensions of the covered work, -and which are not combined with it such as to form a larger program, -in or on a volume of a storage or distribution medium, is called an -"aggregate" if the compilation and its resulting copyright are not -used to limit the access or legal rights of the compilation's users -beyond what the individual works permit. Inclusion of a covered work -in an aggregate does not cause this License to apply to the other -parts of the aggregate. - - 6. Conveying Non-Source Forms. - - You may convey a covered work in object code form under the terms -of sections 4 and 5, provided that you also convey the -machine-readable Corresponding Source under the terms of this License, -in one of these ways: - - a) Convey the object code in, or embodied in, a physical product - (including a physical distribution medium), accompanied by the - Corresponding Source fixed on a durable physical medium - customarily used for software interchange. - - b) Convey the object code in, or embodied in, a physical product - (including a physical distribution medium), accompanied by a - written offer, valid for at least three years and valid for as - long as you offer spare parts or customer support for that product - model, to give anyone who possesses the object code either (1) a - copy of the Corresponding Source for all the software in the - product that is covered by this License, on a durable physical - medium customarily used for software interchange, for a price no - more than your reasonable cost of physically performing this - conveying of source, or (2) access to copy the - Corresponding Source from a network server at no charge. - - c) Convey individual copies of the object code with a copy of the - written offer to provide the Corresponding Source. This - alternative is allowed only occasionally and noncommercially, and - only if you received the object code with such an offer, in accord - with subsection 6b. - - d) Convey the object code by offering access from a designated - place (gratis or for a charge), and offer equivalent access to the - Corresponding Source in the same way through the same place at no - further charge. You need not require recipients to copy the - Corresponding Source along with the object code. If the place to - copy the object code is a network server, the Corresponding Source - may be on a different server (operated by you or a third party) - that supports equivalent copying facilities, provided you maintain - clear directions next to the object code saying where to find the - Corresponding Source. Regardless of what server hosts the - Corresponding Source, you remain obligated to ensure that it is - available for as long as needed to satisfy these requirements. - - e) Convey the object code using peer-to-peer transmission, provided - you inform other peers where the object code and Corresponding - Source of the work are being offered to the general public at no - charge under subsection 6d. - - A separable portion of the object code, whose source code is excluded -from the Corresponding Source as a System Library, need not be -included in conveying the object code work. - - A "User Product" is either (1) a "consumer product", which means any -tangible personal property which is normally used for personal, family, -or household purposes, or (2) anything designed or sold for incorporation -into a dwelling. In determining whether a product is a consumer product, -doubtful cases shall be resolved in favor of coverage. For a particular -product received by a particular user, "normally used" refers to a -typical or common use of that class of product, regardless of the status -of the particular user or of the way in which the particular user -actually uses, or expects or is expected to use, the product. A product -is a consumer product regardless of whether the product has substantial -commercial, industrial or non-consumer uses, unless such uses represent -the only significant mode of use of the product. - - "Installation Information" for a User Product means any methods, -procedures, authorization keys, or other information required to install -and execute modified versions of a covered work in that User Product from -a modified version of its Corresponding Source. The information must -suffice to ensure that the continued functioning of the modified object -code is in no case prevented or interfered with solely because -modification has been made. - - If you convey an object code work under this section in, or with, or -specifically for use in, a User Product, and the conveying occurs as -part of a transaction in which the right of possession and use of the -User Product is transferred to the recipient in perpetuity or for a -fixed term (regardless of how the transaction is characterized), the -Corresponding Source conveyed under this section must be accompanied -by the Installation Information. But this requirement does not apply -if neither you nor any third party retains the ability to install -modified object code on the User Product (for example, the work has -been installed in ROM). - - The requirement to provide Installation Information does not include a -requirement to continue to provide support service, warranty, or updates -for a work that has been modified or installed by the recipient, or for -the User Product in which it has been modified or installed. Access to a -network may be denied when the modification itself materially and -adversely affects the operation of the network or violates the rules and -protocols for communication across the network. - - Corresponding Source conveyed, and Installation Information provided, -in accord with this section must be in a format that is publicly -documented (and with an implementation available to the public in -source code form), and must require no special password or key for -unpacking, reading or copying. - - 7. Additional Terms. - - "Additional permissions" are terms that supplement the terms of this -License by making exceptions from one or more of its conditions. -Additional permissions that are applicable to the entire Program shall -be treated as though they were included in this License, to the extent -that they are valid under applicable law. If additional permissions -apply only to part of the Program, that part may be used separately -under those permissions, but the entire Program remains governed by -this License without regard to the additional permissions. - - When you convey a copy of a covered work, you may at your option -remove any additional permissions from that copy, or from any part of -it. (Additional permissions may be written to require their own -removal in certain cases when you modify the work.) You may place -additional permissions on material, added by you to a covered work, -for which you have or can give appropriate copyright permission. - - Notwithstanding any other provision of this License, for material you -add to a covered work, you may (if authorized by the copyright holders of -that material) supplement the terms of this License with terms: - - a) Disclaiming warranty or limiting liability differently from the - terms of sections 15 and 16 of this License; or - - b) Requiring preservation of specified reasonable legal notices or - author attributions in that material or in the Appropriate Legal - Notices displayed by works containing it; or - - c) Prohibiting misrepresentation of the origin of that material, or - requiring that modified versions of such material be marked in - reasonable ways as different from the original version; or - - d) Limiting the use for publicity purposes of names of licensors or - authors of the material; or - - e) Declining to grant rights under trademark law for use of some - trade names, trademarks, or service marks; or - - f) Requiring indemnification of licensors and authors of that - material by anyone who conveys the material (or modified versions of - it) with contractual assumptions of liability to the recipient, for - any liability that these contractual assumptions directly impose on - those licensors and authors. - - All other non-permissive additional terms are considered "further -restrictions" within the meaning of section 10. If the Program as you -received it, or any part of it, contains a notice stating that it is -governed by this License along with a term that is a further -restriction, you may remove that term. If a license document contains -a further restriction but permits relicensing or conveying under this -License, you may add to a covered work material governed by the terms -of that license document, provided that the further restriction does -not survive such relicensing or conveying. - - If you add terms to a covered work in accord with this section, you -must place, in the relevant source files, a statement of the -additional terms that apply to those files, or a notice indicating -where to find the applicable terms. - - Additional terms, permissive or non-permissive, may be stated in the -form of a separately written license, or stated as exceptions; -the above requirements apply either way. - - 8. Termination. - - You may not propagate or modify a covered work except as expressly -provided under this License. Any attempt otherwise to propagate or -modify it is void, and will automatically terminate your rights under -this License (including any patent licenses granted under the third -paragraph of section 11). - - However, if you cease all violation of this License, then your -license from a particular copyright holder is reinstated (a) -provisionally, unless and until the copyright holder explicitly and -finally terminates your license, and (b) permanently, if the copyright -holder fails to notify you of the violation by some reasonable means -prior to 60 days after the cessation. - - Moreover, your license from a particular copyright holder is -reinstated permanently if the copyright holder notifies you of the -violation by some reasonable means, this is the first time you have -received notice of violation of this License (for any work) from that -copyright holder, and you cure the violation prior to 30 days after -your receipt of the notice. - - Termination of your rights under this section does not terminate the -licenses of parties who have received copies or rights from you under -this License. If your rights have been terminated and not permanently -reinstated, you do not qualify to receive new licenses for the same -material under section 10. - - 9. Acceptance Not Required for Having Copies. - - You are not required to accept this License in order to receive or -run a copy of the Program. Ancillary propagation of a covered work -occurring solely as a consequence of using peer-to-peer transmission -to receive a copy likewise does not require acceptance. However, -nothing other than this License grants you permission to propagate or -modify any covered work. These actions infringe copyright if you do -not accept this License. Therefore, by modifying or propagating a -covered work, you indicate your acceptance of this License to do so. - - 10. Automatic Licensing of Downstream Recipients. - - Each time you convey a covered work, the recipient automatically -receives a license from the original licensors, to run, modify and -propagate that work, subject to this License. You are not responsible -for enforcing compliance by third parties with this License. - - An "entity transaction" is a transaction transferring control of an -organization, or substantially all assets of one, or subdividing an -organization, or merging organizations. If propagation of a covered -work results from an entity transaction, each party to that -transaction who receives a copy of the work also receives whatever -licenses to the work the party's predecessor in interest had or could -give under the previous paragraph, plus a right to possession of the -Corresponding Source of the work from the predecessor in interest, if -the predecessor has it or can get it with reasonable efforts. - - You may not impose any further restrictions on the exercise of the -rights granted or affirmed under this License. For example, you may -not impose a license fee, royalty, or other charge for exercise of -rights granted under this License, and you may not initiate litigation -(including a cross-claim or counterclaim in a lawsuit) alleging that -any patent claim is infringed by making, using, selling, offering for -sale, or importing the Program or any portion of it. - - 11. Patents. - - A "contributor" is a copyright holder who authorizes use under this -License of the Program or a work on which the Program is based. The -work thus licensed is called the contributor's "contributor version". - - A contributor's "essential patent claims" are all patent claims -owned or controlled by the contributor, whether already acquired or -hereafter acquired, that would be infringed by some manner, permitted -by this License, of making, using, or selling its contributor version, -but do not include claims that would be infringed only as a -consequence of further modification of the contributor version. For -purposes of this definition, "control" includes the right to grant -patent sublicenses in a manner consistent with the requirements of -this License. - - Each contributor grants you a non-exclusive, worldwide, royalty-free -patent license under the contributor's essential patent claims, to -make, use, sell, offer for sale, import and otherwise run, modify and -propagate the contents of its contributor version. - - In the following three paragraphs, a "patent license" is any express -agreement or commitment, however denominated, not to enforce a patent -(such as an express permission to practice a patent or covenant not to -sue for patent infringement). To "grant" such a patent license to a -party means to make such an agreement or commitment not to enforce a -patent against the party. - - If you convey a covered work, knowingly relying on a patent license, -and the Corresponding Source of the work is not available for anyone -to copy, free of charge and under the terms of this License, through a -publicly available network server or other readily accessible means, -then you must either (1) cause the Corresponding Source to be so -available, or (2) arrange to deprive yourself of the benefit of the -patent license for this particular work, or (3) arrange, in a manner -consistent with the requirements of this License, to extend the patent -license to downstream recipients. "Knowingly relying" means you have -actual knowledge that, but for the patent license, your conveying the -covered work in a country, or your recipient's use of the covered work -in a country, would infringe one or more identifiable patents in that -country that you have reason to believe are valid. - - If, pursuant to or in connection with a single transaction or -arrangement, you convey, or propagate by procuring conveyance of, a -covered work, and grant a patent license to some of the parties -receiving the covered work authorizing them to use, propagate, modify -or convey a specific copy of the covered work, then the patent license -you grant is automatically extended to all recipients of the covered -work and works based on it. - - A patent license is "discriminatory" if it does not include within -the scope of its coverage, prohibits the exercise of, or is -conditioned on the non-exercise of one or more of the rights that are -specifically granted under this License. You may not convey a covered -work if you are a party to an arrangement with a third party that is -in the business of distributing software, under which you make payment -to the third party based on the extent of your activity of conveying -the work, and under which the third party grants, to any of the -parties who would receive the covered work from you, a discriminatory -patent license (a) in connection with copies of the covered work -conveyed by you (or copies made from those copies), or (b) primarily -for and in connection with specific products or compilations that -contain the covered work, unless you entered into that arrangement, -or that patent license was granted, prior to 28 March 2007. - - Nothing in this License shall be construed as excluding or limiting -any implied license or other defenses to infringement that may -otherwise be available to you under applicable patent law. - - 12. No Surrender of Others' Freedom. - - If 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 convey a -covered work so as to satisfy simultaneously your obligations under this -License and any other pertinent obligations, then as a consequence you may -not convey it at all. For example, if you agree to terms that obligate you -to collect a royalty for further conveying from those to whom you convey -the Program, the only way you could satisfy both those terms and this -License would be to refrain entirely from conveying the Program. - - 13. Use with the GNU Affero General Public License. - - Notwithstanding any other provision of this License, you have -permission to link or combine any covered work with a work licensed -under version 3 of the GNU Affero General Public License into a single -combined work, and to convey the resulting work. The terms of this -License will continue to apply to the part which is the covered work, -but the special requirements of the GNU Affero General Public License, -section 13, concerning interaction through a network will apply to the -combination as such. - - 14. Revised Versions of this License. - - The Free Software Foundation may publish revised and/or new versions of -the GNU 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 that a certain numbered version of the GNU General -Public License "or any later version" applies to it, you have the -option of following the terms and conditions either of that numbered -version or of any later version published by the Free Software -Foundation. If the Program does not specify a version number of the -GNU General Public License, you may choose any version ever published -by the Free Software Foundation. - - If the Program specifies that a proxy can decide which future -versions of the GNU General Public License can be used, that proxy's -public statement of acceptance of a version permanently authorizes you -to choose that version for the Program. - - Later license versions may give you additional or different -permissions. However, no additional obligations are imposed on any -author or copyright holder as a result of your choosing to follow a -later version. - - 15. Disclaimer of Warranty. - - 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. - - 16. Limitation of Liability. - - IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING -WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS -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. - - 17. Interpretation of Sections 15 and 16. - - If the disclaimer of warranty and limitation of liability provided -above cannot be given local legal effect according to their terms, -reviewing courts shall apply local law that most closely approximates -an absolute waiver of all civil liability in connection with the -Program, unless a warranty or assumption of liability accompanies a -copy of the Program in return for a fee. - - 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 -state 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 a brief idea of what it does.} - Copyright (C) {year} {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 3 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, see . - -Also add information on how to contact you by electronic and paper mail. - - If the program does terminal interaction, make it output a short -notice like this when it starts in an interactive mode: - - {project} Copyright (C) {year} {fullname} - This program 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, your program's commands -might be different; for a GUI interface, you would use an "about box". - - You should also get your employer (if you work as a programmer) or school, -if any, to sign a "copyright disclaimer" for the program, if necessary. -For more information on this, and how to apply and follow the GNU GPL, see -. - - The GNU General Public License does not permit incorporating your program -into proprietary programs. If your program is a subroutine library, you -may consider it more useful to permit linking proprietary applications with -the library. If this is what you want to do, use the GNU Lesser General -Public License instead of this License. But first, please read -. diff --git a/HACKING b/HACKING deleted file mode 100644 index d17e28e2..00000000 --- a/HACKING +++ /dev/null @@ -1,33 +0,0 @@ -Summary -------- - -* Do not edit the CSS directly, edit the source SCSS files and process them with SASS (run - `./parse-sass.sh` when you have the required software installed, as described below) -* To be able to use the latest/adequate version of sass, install sassc. - -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 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 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, you can either run the ./parse-sass.sh script or keep SASS watching for changes as you -edit. diff --git a/install.sh b/install.sh deleted file mode 100755 index d2c96cca..00000000 --- a/install.sh +++ /dev/null @@ -1,821 +0,0 @@ -#! /usr/bin/env bash -set -ueo pipefail -set -o physical -#set -x - -REPO_DIR=$(cd $(dirname $0) && pwd) -SRC_DIR=${REPO_DIR}/src - -ROOT_UID=0 -DEST_DIR= - -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/themes" -else - DEST_DIR="$HOME/.themes" -fi - -THEME_NAME=WhiteSur -COLOR_VARIANTS=('-light' '-dark') -OPACITY_VARIANTS=('' '-solid') -ALT_VARIANTS=('' '-alt') -THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') -ICON_VARIANTS=('' '-normal' '-gnome' '-ubuntu' '-arch' '-manjaro' '-fedora' '-debian' '-void') -SIDEBAR_SIZE_VARIANTS=('default' '220' '240' '260' '280') -PANEL_OPACITY_VARIANTS=('default' '25' '35' '45' '55' '65' '75' '85') - -# COLORS -CDEF=" \033[0m" # default color -CCIN=" \033[0;36m" # info color -CGSC=" \033[0;32m" # success color -CRER=" \033[0;31m" # error color -CWAR=" \033[0;33m" # warning color -b_CDEF=" \033[1;37m" # bold default color -b_CCIN=" \033[1;36m" # bold info color -b_CGSC=" \033[1;32m" # bold success color -b_CRER=" \033[1;31m" # bold error color -b_CWAR=" \033[1;33m" # bold warning color - -# Echo like ... with flag type and display message colors -prompt () { - case ${1} in - "-s"|"--success") - echo -e "${b_CGSC}${@/-s/}${CDEF}";; # print success message - "-e"|"--error") - echo -e "${b_CRER}${@/-e/}${CDEF}";; # print error message - "-w"|"--warning") - echo -e "${b_CWAR}${@/-w/}${CDEF}";; # print warning message - "-i"|"--info") - echo -e "${b_CCIN}${@/-i/}${CDEF}";; # print info message - *) - echo -e "$@" - ;; - esac -} - -# Check command availability -function has_command() { - command -v $1 > /dev/null -} - -operation_canceled() { - clear - prompt -i "\n Operation canceled by user, Bye!" - exit 1 -} - -usage() { - printf "%s\n" "Usage: $0 [OPTIONS...]" - printf "\n%s\n" "OPTIONS:" - printf " %-25s%s\n" "-d, --dest DIR" "Specify theme destination directory (Default: ${DEST_DIR})" - printf " %-25s%s\n" "-n, --name NAME" "Specify theme name (Default: ${THEME_NAME})" - printf " %-25s%s\n" "-g, --gdm" "Install GDM theme, this option needs root user authority! Please run this with sudo" - printf " %-25s%s\n" "-r, --remove" "Remove theme, remove all installed themes" - printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" - printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" - printf " %-25s%s\n" "-a, --alt VARIANTS" "Specify theme titlebutton variant(s) [standard|alt] (Default: All variants)" - printf " %-25s%s\n" "-t, --theme VARIANTS" "Specify primary theme color [blue|purple|pink|red|orange|yellow|green|grey] (Default: MacOS blue)" - printf " %-25s%s\n" "-p, --panel VARIANTS" "Change the panel transparency [25|35|45|55|65|75|85] (Default: 85%)" - printf " %-25s%s\n" "-s, --size VARIANTS" "Change the nautilus sidebar width size [220|240|260|280] (Default: 200)" - printf " %-25s%s\n" "-i, --icon VARIANTS" "Change gnome-shell activities icon [standard|normal|gnome|ubuntu|arch|manjaro|fedora|debian|void] (Default: standard)" - printf " %-25s%s\n" "-h, --help" "Show this help" -} - -install() { - local dest=${1} - local name=${2} - local color=${3} - local opacity=${4} - local alt=${5} - local theme=${6} - local icon=${7} - local panel_opacity=${8} - local sidebar_size=${9} - - [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} - [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} - - local THEME_DIR=${1}/${2}${3}${4}${5}${6} - - [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} - - prompt -i "Installing '${THEME_DIR}'..." - - mkdir -p ${THEME_DIR} - - echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme - echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme - echo "Name=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme - echo "Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme - echo "Encoding=UTF-8" >> ${THEME_DIR}/index.theme - echo "" >> ${THEME_DIR}/index.theme - echo "[X-GNOME-Metatheme]" >> ${THEME_DIR}/index.theme - echo "GtkTheme=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme - echo "MetacityTheme=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme - echo "IconTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "CursorTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme - - mkdir -p ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/assets/gnome-shell/icons ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/pad-osd.css ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}${theme}.css ${THEME_DIR}/gnome-shell/gnome-shell.css - cp -r ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/gnome-shell/common-assets${theme}/*.svg ${THEME_DIR}/gnome-shell/assets - fi - - cp -r ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets - cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg - - cd "${THEME_DIR}/gnome-shell" - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - if [[ ${alt} == '-alt' || ${opacity} == '-solid' ]] && [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/assets/gnome-shell/activities-black/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg - cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities-white.svg - fi - - mkdir -p ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme} ${THEME_DIR}/gtk-2.0/gtkrc - cp -r ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc - cp -r ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color}${theme}/*.png ${THEME_DIR}/gtk-2.0/assets - fi - - mkdir -p ${THEME_DIR}/gtk-3.0 - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets${theme}/*.png ${THEME_DIR}/gtk-3.0/assets - fi - - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/sidebar-assets/*.png ${THEME_DIR}/gtk-3.0/assets - cp -r ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton${alt} ${THEME_DIR}/gtk-3.0/windows-assets - cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/gtk-3.0/thumbnail.png - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css - - if [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css - else - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css - fi - - glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml - rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css} - echo '@import url("resource:///org/gnome/theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css - echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css - - mkdir -p ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme-3.xml ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/assets/*.png ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/thumbnail${color}.png ${THEME_DIR}/metacity-1/thumbnail.png - cd ${THEME_DIR}/metacity-1 && ln -s metacity-theme-1.xml metacity-theme-2.xml - - mkdir -p ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/assets/xfwm4/assets${color}/*.png ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc - - mkdir -p ${THEME_DIR}/cinnamon - cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}${theme}.css ${THEME_DIR}/cinnamon/cinnamon.css - cp -r ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets - - if [[ ${theme} != '-default' ]]; then - cp -r ${SRC_DIR}/assets/cinnamon/common-assets${theme}/*.svg ${THEME_DIR}/cinnamon/assets - fi - - cp -r ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/cinnamon/thumbnail.png - - mkdir -p ${THEME_DIR}/plank - cp -r ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank -} - -install_theme() { - for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do - for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do - for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do - for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do - for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do - for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${theme}" "${icon}" "${panel_opacity}" "${sidebar_size}" - done - done - done - done - done - done - done - - if [[ -x /usr/bin/notify-send ]]; then - notify-send "Finished" "Enjoy your ${THEME_NAME} "${theme}" theme!" -i face-smile - fi -} - -install_customize_theme() { - for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do - for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - customize_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" - done - done -} - -remove_theme() { - for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do - for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do - for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do - [[ -d "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" ]] && rm -rf "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" - done - done - done - done -} - -customize_theme() { - # Change gnome-shell panel transparency - if [[ "${panel:-}" == 'true' && "${panel_opacity:-}" != 'default' ]]; then - change_transparency - fi - - # Change nautilus sibarbar size - if [[ "${size:-}" == 'true' && "${sidebar_size:-}" != 'default' ]]; then - change_size - fi -} - -# Backup and install files related to GDM theme -GS_THEME_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" -SHELL_THEME_FOLDER="/usr/share/gnome-shell/theme" -ETC_THEME_FOLDER="/etc/alternatives" -ETC_THEME_FILE="/etc/alternatives/gdm3.css" -ETC_NEW_THEME_FILE="/etc/alternatives/gdm3-theme.gresource" -UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" -UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" -UBUNTU_YARU_THEME_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" - -install_gdm() { - local GDM_THEME_DIR="${1}/${2}${3}${4}${5}" - local YARU_GDM_THEME_DIR="$SHELL_THEME_FOLDER/Yaru/${2}${3}${4}${5}" - - echo - prompt -i "Installing ${2}${3}${4}${5} gdm theme..." - - if [[ -f "$GS_THEME_FILE" ]] && command -v glib-compile-resources >/dev/null ; then - prompt -i "Installing '$GS_THEME_FILE'..." - cp -an "$GS_THEME_FILE" "$GS_THEME_FILE.bak" - glib-compile-resources \ - --sourcedir="$GDM_THEME_DIR/gnome-shell" \ - --target="$GS_THEME_FILE" \ - "${SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xml" - fi - - if [[ -f "$UBUNTU_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_THEME_FILE'..." - cp -an "$UBUNTU_THEME_FILE" "$UBUNTU_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR/gnome-shell/gnome-shell.css" "$UBUNTU_THEME_FILE" - fi - - if [[ -f "$UBUNTU_NEW_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_NEW_THEME_FILE'..." - cp -an "$UBUNTU_NEW_THEME_FILE" "$UBUNTU_NEW_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR"/gnome-shell/* "$SHELL_THEME_FOLDER" - fi - - # > Ubuntu 18.04 - if [[ -f "$ETC_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$ETC_THEME_FILE" "$ETC_THEME_FILE.bak" - [[ -d "$SHELL_THEME_FOLDER/$THEME_NAME" ]] && rm -rf "$SHELL_THEME_FOLDER/$THEME_NAME" - cp -r "$GDM_THEME_DIR/gnome-shell" "$SHELL_THEME_FOLDER/$THEME_NAME" - cd "$ETC_THEME_FOLDER" - [[ -f "$ETC_THEME_FILE.bak" ]] && ln -sf "$SHELL_THEME_FOLDER/$THEME_NAME/gnome-shell.css" gdm3.css - fi - - # > Ubuntu 20.04 - if [[ -d "$SHELL_THEME_FOLDER/Yaru" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$UBUNTU_YARU_THEME_FILE" "$UBUNTU_YARU_THEME_FILE.bak" - rm -rf "$UBUNTU_YARU_THEME_FILE" - rm -rf "$YARU_GDM_THEME_DIR" && mkdir -p "$YARU_GDM_THEME_DIR" - - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru - cp -r "$SRC_DIR"/assets/gnome-shell/icons "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/pad-osd.css "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/gdm3${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/gdm3.css - cp -r "$SRC_DIR"/main/gnome-shell/gnome-shell${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru/gnome-shell.css - cp -r "$SRC_DIR"/assets/gnome-shell/common-assets "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/assets${color}/*.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/activities/activities.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - - cd "$YARU_GDM_THEME_DIR"/gnome-shell - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - glib-compile-resources \ - --sourcedir="$YARU_GDM_THEME_DIR"/gnome-shell \ - --target="$UBUNTU_YARU_THEME_FILE" \ - "$SRC_DIR"/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml - - rm -rf "$YARU_GDM_THEME_DIR" - fi -} - -revert_gdm() { - if [[ -f "$GS_THEME_FILE.bak" ]]; then - prompt -w "Reverting '$GS_THEME_FILE'..." - rm -rf "$GS_THEME_FILE" - mv "$GS_THEME_FILE.bak" "$GS_THEME_FILE" - fi - - if [[ -f "$UBUNTU_THEME_FILE.bak" ]]; then - prompt -w "Reverting '$UBUNTU_THEME_FILE'..." - rm -rf "$UBUNTU_THEME_FILE" - mv "$UBUNTU_THEME_FILE.bak" "$UBUNTU_THEME_FILE" - fi - - if [[ -f "$UBUNTU_NEW_THEME_FILE.bak" ]]; then - prompt -w "Reverting '$UBUNTU_NEW_THEME_FILE'..." - rm -rf "$UBUNTU_NEW_THEME_FILE" "$SHELL_THEME_FOLDER"/{assets,no-events.svg,process-working.svg,no-notifications.svg} - mv "$UBUNTU_NEW_THEME_FILE.bak" "$UBUNTU_NEW_THEME_FILE" - fi - - # > Ubuntu 18.04 - if [[ -f "$ETC_THEME_FILE.bak" ]]; then - - prompt -w "reverting Ubuntu GDM theme..." - - rm -rf "$ETC_THEME_FILE" - mv "$ETC_THEME_FILE.bak" "$ETC_THEME_FILE" - [[ -d $SHELL_THEME_FOLDER/$THEME_NAME ]] && rm -rf $SHELL_THEME_FOLDER/$THEME_NAME - fi - - # > Ubuntu 20.04 - if [[ -f "$UBUNTU_YARU_THEME_FILE.bak" ]]; then - prompt -w "reverting Ubuntu GDM theme..." - rm -rf "$UBUNTU_YARU_THEME_FILE" - mv "$UBUNTU_YARU_THEME_FILE.bak" "$UBUNTU_YARU_THEME_FILE" - [[ -d "$UBUNTU_MODES_FOLDER"-bak ]] && rm -rf "$UBUNTU_MODES_FOLDER" && mv "$UBUNTU_MODES_FOLDER"-bak "$UBUNTU_MODES_FOLDER" - fi -} - -install_dialog() { - if [ ! "$(which dialog 2> /dev/null)" ]; then - prompt -w "\n 'dialog' needs to be installed for this shell" - if has_command zypper; then - sudo zypper in dialog - elif has_command apt-get; then - sudo apt-get install dialog - elif has_command dnf; then - sudo dnf install -y dialog - elif has_command yum; then - sudo yum install dialog - elif has_command pacman; then - sudo pacman -S --noconfirm dialog - fi - fi -} - -customize_theme_dialogs() { - if [[ -x /usr/bin/dialog ]]; then - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your panel background opacity - (default is 0.16, value more smaller panel more transparency!):" 20 50 10 \ - 0 "default" on \ - 1 "0.25" off \ - 2 "0.35" off \ - 3 "0.45" off \ - 4 "0.55" off \ - 5 "0.65" off \ - 6 "0.75" off \ - 7 "0.85" off --output-fd 1 ) - case "$tui" in - 0) panel_opacity="default" ;; - 1) panel_opacity="25" ;; - 2) panel_opacity="35" ;; - 3) panel_opacity="45" ;; - 4) panel_opacity="55" ;; - 5) panel_opacity="65" ;; - 6) panel_opacity="75" ;; - 7) panel_opacity="85" ;; - *) operation_canceled ;; - esac - - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your nautilus sidebar size (default is 200px width):" 15 40 5 \ - 0 "default" on \ - 1 "220px" off \ - 2 "240px" off \ - 3 "260px" off \ - 4 "280px" off --output-fd 1 ) - case "$tui" in - 0) sidebar_size="default" ;; - 1) sidebar_size="220" ;; - 2) sidebar_size="240" ;; - 3) sidebar_size="260" ;; - 4) sidebar_size="280" ;; - *) operation_canceled ;; - esac - fi -} - -run_customize_theme_dialogs() { - install_dialog && customize_theme_dialogs && change_transparency && change_size && parse_sass -} - -parse_sass() { - cd ${REPO_DIR} && ./parse-sass.sh -} - -change_size() { - if [[ "${sidebar_size:-}" != 'default' ]]; then - cd ${SRC_DIR}/sass/gtk - sed -i.bak "/\$nautilus_sidebar_size/s/sidebar_size_default/sidebar_size_${sidebar_size}/" _applications.scss - prompt -w "Change nautilus sidebar size ..." - fi -} - -change_transparency() { - if [[ "${panel_opacity:-}" != 'default' ]]; then - cd ${SRC_DIR}/sass - sed -i.bak "/\$panel_opacity/s/0.16/0.${panel_opacity}/" _variables.scss - prompt -w "Change panel transparency ..." - fi -} - -restore_files() { - if [[ -f ${SRC_DIR}/sass/gtk/_applications.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass/gtk - rm -rf _applications.scss - mv -f _applications.scss.bak _applications.scss - prompt -w "Restore _applications.scss file ..." - fi - - if [[ -f ${SRC_DIR}/sass/_variables.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass - rm -rf _variables.scss - mv -f _variables.scss.bak _variables.scss - prompt -w "Restore _variables.scss file ..." - fi - - if [[ "${restore_file:-}" == 'true' ]]; then - parse_sass - fi -} - -while [[ $# -gt 0 ]]; do - case "${1}" in - -d|--dest) - dest="${2}" - if [[ ! -d "${dest}" ]]; then - prompt -e "Destination directory does not exist. Let's make a new one..." - mkdir -p ${dest} - fi - shift 2 - ;; - -n|--name) - name="${2}" - shift 2 - ;; - -g|--gdm) - gdm='true' - shift 1 - ;; - -r|--remove) - remove='true' - shift 1 - ;; - -dialog|--dialog) - dialogs='true' - shift 1 - ;; - -a|--alt) - shift - for alt in "${@}"; do - case "${alt}" in - standard) - alts+=("${ALT_VARIANTS[0]}") - shift - ;; - alt) - alts+=("${ALT_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized opacity variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -o|--opacity) - shift - for opacity in "${@}"; do - case "${opacity}" in - standard) - opacities+=("${OPACITY_VARIANTS[0]}") - shift - ;; - solid) - opacities+=("${OPACITY_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized opacity variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -c|--color) - shift - for color in "${@}"; do - case "${color}" in - light) - colors+=("${COLOR_VARIANTS[0]}") - shift - ;; - dark) - colors+=("${COLOR_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized color variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -i|--icon) - shift - for icon in "${@}"; do - case "${icon}" in - standard) - icons+=("${ICON_VARIANTS[0]}") - shift - ;; - normal) - icons+=("${ICON_VARIANTS[1]}") - shift - ;; - gnome) - icons+=("${ICON_VARIANTS[2]}") - shift - ;; - ubuntu) - icons+=("${ICON_VARIANTS[3]}") - shift - ;; - arch) - icons+=("${ICON_VARIANTS[4]}") - shift - ;; - manjaro) - icons+=("${ICON_VARIANTS[5]}") - shift - ;; - fedora) - icons+=("${ICON_VARIANTS[6]}") - shift - ;; - debian) - icons+=("${ICON_VARIANTS[7]}") - shift - ;; - void) - icons+=("${ICON_VARIANTS[8]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized icon variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -t|--theme) - shift - for theme in "${@}"; do - case "${theme}" in - default) - themes+=("${THEME_VARIANTS[0]}") - shift - ;; - blue) - themes+=("${THEME_VARIANTS[1]}") - shift - ;; - purple) - themes+=("${THEME_VARIANTS[2]}") - shift - ;; - pink) - themes+=("${THEME_VARIANTS[3]}") - shift - ;; - red) - themes+=("${THEME_VARIANTS[4]}") - shift - ;; - orange) - themes+=("${THEME_VARIANTS[5]}") - shift - ;; - yellow) - themes+=("${THEME_VARIANTS[6]}") - shift - ;; - green) - themes+=("${THEME_VARIANTS[7]}") - shift - ;; - grey) - themes+=("${THEME_VARIANTS[8]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized theme variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -s|--size) - size='true' - shift - for sidebar_size in "${@}"; do - case "${sidebar_size}" in - default) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[0]}") - shift - ;; - 220) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[1]}") - shift - ;; - 240) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[2]}") - shift - ;; - 260) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[3]}") - shift - ;; - 280) - sidebar_sizes+=("${SIDEBAR_SIZE_VARIANTS[4]}") - shift - ;; - -*|--*) - break - ;; - *) - customize_theme_dialogs - ;; - esac - done - ;; - -p|--panel) - panel='true' - pdialog='true' - shift - for panel_opacity in "${@}"; do - case "${panel_opacity}" in - default) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[0]}") - shift - ;; - 25) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[1]}") - shift - ;; - 35) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[2]}") - shift - ;; - 45) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[3]}") - shift - ;; - 55) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[4]}") - shift - ;; - 65) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[5]}") - shift - ;; - 75) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[6]}") - shift - ;; - 85) - pdialog='false' - panel_opacities+=("${PANEL_OPACITY_VARIANTS[7]}") - shift - ;; - -*|--*) - break - ;; - *) - customize_theme_dialogs - ;; - esac - done - ;; - -h|--help) - usage - exit 0 - ;; - *) - prompt -e "ERROR: Unrecognized installation option '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac -done - -# Install dependency -if [ ! "$(which glib-compile-resources 2> /dev/null)" ]; then - prompt -w "\n 'glib2.0' needs to be installed for this shell" - if has_command apt; then - sudo apt install libglib2.0-dev-bin - elif has_command dnf; then - sudo dnf install -y glib2-devel - fi -fi - -# Install themes -if [[ "${remove:-}" != 'true' && "${gdm:-}" != 'true' ]]; then - if [[ "${dialogs:-}" == 'true' ]]; then - run_customize_theme_dialogs - fi - - if [[ "${size:-}" != 'true' && "${panel:-}" != 'true' ]]; then - install_theme - else - install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}" - fi -fi - -# Install GDM theme -if [[ "${gdm:-}" == 'true' && "${remove:-}" != 'true' && "$UID" -eq "$ROOT_UID" ]]; then - install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme}" -fi - -# Remove themes -if [[ "${gdm:-}" != 'true' && "${remove:-}" == 'true' ]]; then - remove_theme - - echo - prompt -i $THEME_NAME themes all removed!. -fi - -# Remove GDM theme (only) -if [[ "${gdm:-}" == 'true' && "${remove:-}" == 'true' && "$UID" -eq "$ROOT_UID" ]]; then - revert_gdm -fi - -# Restore files -restore_files - -prompt -s "\n Done!". diff --git a/parse-sass.sh b/parse-sass.sh deleted file mode 100755 index ffe051e0..00000000 --- a/parse-sass.sh +++ /dev/null @@ -1,77 +0,0 @@ -#! /usr/bin/env bash - -# Check command availability -function has_command() { - command -v $1 > /dev/null -} - -if [ ! "$(which sassc 2> /dev/null)" ]; then - echo sassc needs to be installed to generate the css. - if has_command zypper; then - sudo zypper in sassc - elif has_command apt; then - sudo apt install sassc - elif has_command dnf; then - sudo dnf install -y sassc - elif has_command yum; then - sudo yum install sassc - elif has_command pacman; then - sudo pacman -S --noconfirm sassc - fi -fi - -SASSC_OPT="-M -t expanded" - -_COLOR_VARIANTS=('-light' '-dark') -if [ ! -z "${COLOR_VARIANTS:-}" ]; then - IFS=', ' read -r -a _COLOR_VARIANTS <<< "${COLOR_VARIANTS:-}" -fi - -_TRANS_VARIANTS=('' '-solid') -if [ ! -z "${TRANS_VARIANTS:-}" ]; then - IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" -fi - -_ALT_VARIANTS=('' '-alt') -if [ ! -z "${TRANS_VARIANTS:-}" ]; then - IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" -fi - -_THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') -if [ ! -z "${THEME_VARIANTS:-}" ]; then - IFS=', ' read -r -a _THEME_VARIANTS <<< "${THEME_VARIANTS:-}" -fi - -for color in "${_COLOR_VARIANTS[@]}"; do - for trans in "${_TRANS_VARIANTS[@]}"; do - for theme in "${_THEME_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}${theme}.{scss,css} - echo "==> Generating the gtk${color}${trans}${theme}.css..." - sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}${theme}.{scss,css} - echo "==> Generating the cinnamon${color}${trans}${theme}.css..." - done - done -done - -for color in "${_COLOR_VARIANTS[@]}"; do - for trans in "${_TRANS_VARIANTS[@]}"; do - for alt in "${_ALT_VARIANTS[@]}"; do - for theme in "${_THEME_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}${alt}${theme}.{scss,css} - echo "==> Generating the gnome-shell${color}${trans}${alt}${theme}.css..." - done - done - done -done - -for color in "${_COLOR_VARIANTS[@]}"; do - for theme in "${_THEME_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}${theme}.{scss,css} - echo "==> Generating the gdm3${color}${theme}.css..." - done -done - -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css} -echo "==> Generating dash-to-dock stylesheet.css..." -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet-dark.{scss,css} -echo "==> Generating dash-to-dock stylesheet-dark.css..." diff --git a/render-assets.sh b/render-assets.sh deleted file mode 100755 index 6c8ea148..00000000 --- a/render-assets.sh +++ /dev/null @@ -1,46 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -REPO_DIR=$(cd $(dirname $0) && pwd) -ASRC_DIR=${REPO_DIR}/src/assets - -# check command avalibility -has_command() { - "$1" -v $1 > /dev/null 2>&1 -} - -if [ ! "$(which inkscape 2> /dev/null)" ]; then - echo inkscape and optipng needs to be installed to generate the assets. - if has_command zypper; then - sudo zypper in inkscape optipng - elif has_command apt; then - sudo apt install inkscape optipng - elif has_command dnf; then - sudo dnf install -y inkscape optipng - elif has_command yum; then - sudo yum install inkscape optipng - elif has_command pacman; then - sudo pacman -S --noconfirm inkscape optipng - fi -fi - -echo Rendering gtk-2.0 assets -cd $ASRC_DIR/gtk-2.0 && ./render-assets.sh - -echo Rendering gtk-3.0 assets -cd $ASRC_DIR/gtk-3.0 && ./render-thumbnails.sh -cd $ASRC_DIR/gtk-3.0/common-assets && ./render-assets.sh -cd $ASRC_DIR/gtk-3.0/windows-assets && ./render-assets.sh && ./render-alt-assets.sh - -echo Rendering cinnamon thumbnails -cd $ASRC_DIR/cinnamon && ./render-thumbnails.sh - -echo Rendering metacity-1 assets -cd $ASRC_DIR/metacity-1 && ./render-assets.sh - -echo Rendering xfwm4 assets -cd $ASRC_DIR/xfwm4 && ./render-assets.sh - -exit 0 diff --git a/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg b/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg deleted file mode 100644 index dcf8298b..00000000 --- a/src/assets/cinnamon/assets-dark/calendar-arrow-left.svg +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg b/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg deleted file mode 100644 index ed66559d..00000000 --- a/src/assets/cinnamon/assets-dark/calendar-arrow-right.svg +++ /dev/null @@ -1,56 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/checkbox-off.svg b/src/assets/cinnamon/assets-dark/checkbox-off.svg deleted file mode 100644 index 35ba02c2..00000000 --- a/src/assets/cinnamon/assets-dark/checkbox-off.svg +++ /dev/null @@ -1,156 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/menu-solid.svg b/src/assets/cinnamon/assets-dark/menu-solid.svg deleted file mode 100644 index a3ce1d00..00000000 --- a/src/assets/cinnamon/assets-dark/menu-solid.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/menu.svg b/src/assets/cinnamon/assets-dark/menu.svg deleted file mode 100644 index 6b0671a0..00000000 --- a/src/assets/cinnamon/assets-dark/menu.svg +++ /dev/null @@ -1,135 +0,0 @@ - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/radiobutton-off.svg b/src/assets/cinnamon/assets-dark/radiobutton-off.svg deleted file mode 100644 index f8ac12f6..00000000 --- a/src/assets/cinnamon/assets-dark/radiobutton-off.svg +++ /dev/null @@ -1,152 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/submenu.svg b/src/assets/cinnamon/assets-dark/submenu.svg deleted file mode 100644 index e1e34e3e..00000000 --- a/src/assets/cinnamon/assets-dark/submenu.svg +++ /dev/null @@ -1,119 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/toggle-off.svg b/src/assets/cinnamon/assets-dark/toggle-off.svg deleted file mode 100644 index dd2622b0..00000000 --- a/src/assets/cinnamon/assets-dark/toggle-off.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-dark/trash-icon.svg b/src/assets/cinnamon/assets-dark/trash-icon.svg deleted file mode 100644 index 7e8713fe..00000000 --- a/src/assets/cinnamon/assets-dark/trash-icon.svg +++ /dev/null @@ -1,106 +0,0 @@ - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/calendar-arrow-left.svg b/src/assets/cinnamon/assets-light/calendar-arrow-left.svg deleted file mode 100644 index 738a3f2c..00000000 --- a/src/assets/cinnamon/assets-light/calendar-arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/cinnamon/assets-light/calendar-arrow-right.svg b/src/assets/cinnamon/assets-light/calendar-arrow-right.svg deleted file mode 100644 index acb514b9..00000000 --- a/src/assets/cinnamon/assets-light/calendar-arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/cinnamon/assets-light/checkbox-off.svg b/src/assets/cinnamon/assets-light/checkbox-off.svg deleted file mode 100644 index 97c870d4..00000000 --- a/src/assets/cinnamon/assets-light/checkbox-off.svg +++ /dev/null @@ -1,147 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/menu-solid.svg b/src/assets/cinnamon/assets-light/menu-solid.svg deleted file mode 100644 index 4ea7dff2..00000000 --- a/src/assets/cinnamon/assets-light/menu-solid.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/menu.svg b/src/assets/cinnamon/assets-light/menu.svg deleted file mode 100644 index f195a293..00000000 --- a/src/assets/cinnamon/assets-light/menu.svg +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/radiobutton-off.svg b/src/assets/cinnamon/assets-light/radiobutton-off.svg deleted file mode 100644 index 405d6c06..00000000 --- a/src/assets/cinnamon/assets-light/radiobutton-off.svg +++ /dev/null @@ -1,143 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/submenu.svg b/src/assets/cinnamon/assets-light/submenu.svg deleted file mode 100644 index 59d4609b..00000000 --- a/src/assets/cinnamon/assets-light/submenu.svg +++ /dev/null @@ -1,119 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/toggle-off.svg b/src/assets/cinnamon/assets-light/toggle-off.svg deleted file mode 100644 index a2567239..00000000 --- a/src/assets/cinnamon/assets-light/toggle-off.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/assets-light/trash-icon.svg b/src/assets/cinnamon/assets-light/trash-icon.svg deleted file mode 100644 index 832ddddf..00000000 --- a/src/assets/cinnamon/assets-light/trash-icon.svg +++ /dev/null @@ -1,106 +0,0 @@ - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg b/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg deleted file mode 100644 index 189a7632..00000000 --- a/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-blue/checkbox.svg b/src/assets/cinnamon/common-assets-blue/checkbox.svg deleted file mode 100644 index 6e84255d..00000000 --- a/src/assets/cinnamon/common-assets-blue/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-blue/corner-ripple.svg b/src/assets/cinnamon/common-assets-blue/corner-ripple.svg deleted file mode 100644 index aa5e4350..00000000 --- a/src/assets/cinnamon/common-assets-blue/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-blue/menu-hover.svg b/src/assets/cinnamon/common-assets-blue/menu-hover.svg deleted file mode 100644 index 88f31c9c..00000000 --- a/src/assets/cinnamon/common-assets-blue/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-blue/radiobutton.svg b/src/assets/cinnamon/common-assets-blue/radiobutton.svg deleted file mode 100644 index b33ed4d8..00000000 --- a/src/assets/cinnamon/common-assets-blue/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-blue/toggle-on.svg b/src/assets/cinnamon/common-assets-blue/toggle-on.svg deleted file mode 100644 index 3ecb0f5b..00000000 --- a/src/assets/cinnamon/common-assets-blue/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-green/add-workspace-active.svg b/src/assets/cinnamon/common-assets-green/add-workspace-active.svg deleted file mode 100644 index 4a7a0299..00000000 --- a/src/assets/cinnamon/common-assets-green/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-green/checkbox.svg b/src/assets/cinnamon/common-assets-green/checkbox.svg deleted file mode 100644 index 86d54de8..00000000 --- a/src/assets/cinnamon/common-assets-green/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-green/corner-ripple.svg b/src/assets/cinnamon/common-assets-green/corner-ripple.svg deleted file mode 100644 index 08480a85..00000000 --- a/src/assets/cinnamon/common-assets-green/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-green/menu-hover.svg b/src/assets/cinnamon/common-assets-green/menu-hover.svg deleted file mode 100644 index 16dd9ef0..00000000 --- a/src/assets/cinnamon/common-assets-green/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-green/radiobutton.svg b/src/assets/cinnamon/common-assets-green/radiobutton.svg deleted file mode 100644 index d9ff405f..00000000 --- a/src/assets/cinnamon/common-assets-green/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-green/toggle-on.svg b/src/assets/cinnamon/common-assets-green/toggle-on.svg deleted file mode 100644 index 6edb6b59..00000000 --- a/src/assets/cinnamon/common-assets-green/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg b/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg deleted file mode 100644 index 84b4b2e0..00000000 --- a/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-grey/checkbox.svg b/src/assets/cinnamon/common-assets-grey/checkbox.svg deleted file mode 100644 index 9db08dd4..00000000 --- a/src/assets/cinnamon/common-assets-grey/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-grey/corner-ripple.svg b/src/assets/cinnamon/common-assets-grey/corner-ripple.svg deleted file mode 100644 index fe1c1ba1..00000000 --- a/src/assets/cinnamon/common-assets-grey/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-grey/menu-hover.svg b/src/assets/cinnamon/common-assets-grey/menu-hover.svg deleted file mode 100644 index d2b135fa..00000000 --- a/src/assets/cinnamon/common-assets-grey/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-grey/radiobutton.svg b/src/assets/cinnamon/common-assets-grey/radiobutton.svg deleted file mode 100644 index a8733603..00000000 --- a/src/assets/cinnamon/common-assets-grey/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-grey/toggle-on.svg b/src/assets/cinnamon/common-assets-grey/toggle-on.svg deleted file mode 100644 index 05d61213..00000000 --- a/src/assets/cinnamon/common-assets-grey/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg b/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg deleted file mode 100644 index 12a31771..00000000 --- a/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-orange/checkbox.svg b/src/assets/cinnamon/common-assets-orange/checkbox.svg deleted file mode 100644 index a149a337..00000000 --- a/src/assets/cinnamon/common-assets-orange/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-orange/corner-ripple.svg b/src/assets/cinnamon/common-assets-orange/corner-ripple.svg deleted file mode 100644 index 90aa9e5e..00000000 --- a/src/assets/cinnamon/common-assets-orange/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-orange/menu-hover.svg b/src/assets/cinnamon/common-assets-orange/menu-hover.svg deleted file mode 100644 index b2aebc15..00000000 --- a/src/assets/cinnamon/common-assets-orange/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-orange/radiobutton.svg b/src/assets/cinnamon/common-assets-orange/radiobutton.svg deleted file mode 100644 index 7001013c..00000000 --- a/src/assets/cinnamon/common-assets-orange/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-orange/toggle-on.svg b/src/assets/cinnamon/common-assets-orange/toggle-on.svg deleted file mode 100644 index bf2f8f36..00000000 --- a/src/assets/cinnamon/common-assets-orange/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg b/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg deleted file mode 100644 index cf935e7c..00000000 --- a/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-pink/checkbox.svg b/src/assets/cinnamon/common-assets-pink/checkbox.svg deleted file mode 100644 index 34ab206e..00000000 --- a/src/assets/cinnamon/common-assets-pink/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-pink/corner-ripple.svg b/src/assets/cinnamon/common-assets-pink/corner-ripple.svg deleted file mode 100644 index 0023e26c..00000000 --- a/src/assets/cinnamon/common-assets-pink/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-pink/menu-hover.svg b/src/assets/cinnamon/common-assets-pink/menu-hover.svg deleted file mode 100644 index a730c2c1..00000000 --- a/src/assets/cinnamon/common-assets-pink/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-pink/radiobutton.svg b/src/assets/cinnamon/common-assets-pink/radiobutton.svg deleted file mode 100644 index 5d4dccde..00000000 --- a/src/assets/cinnamon/common-assets-pink/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-pink/toggle-on.svg b/src/assets/cinnamon/common-assets-pink/toggle-on.svg deleted file mode 100644 index e16d5f81..00000000 --- a/src/assets/cinnamon/common-assets-pink/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg b/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg deleted file mode 100644 index 6becf43d..00000000 --- a/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-purple/checkbox.svg b/src/assets/cinnamon/common-assets-purple/checkbox.svg deleted file mode 100644 index 51385ece..00000000 --- a/src/assets/cinnamon/common-assets-purple/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-purple/corner-ripple.svg b/src/assets/cinnamon/common-assets-purple/corner-ripple.svg deleted file mode 100644 index 3894877a..00000000 --- a/src/assets/cinnamon/common-assets-purple/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-purple/menu-hover.svg b/src/assets/cinnamon/common-assets-purple/menu-hover.svg deleted file mode 100644 index 2b1ac428..00000000 --- a/src/assets/cinnamon/common-assets-purple/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-purple/radiobutton.svg b/src/assets/cinnamon/common-assets-purple/radiobutton.svg deleted file mode 100644 index da6e2787..00000000 --- a/src/assets/cinnamon/common-assets-purple/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-purple/toggle-on.svg b/src/assets/cinnamon/common-assets-purple/toggle-on.svg deleted file mode 100644 index 4f5b7779..00000000 --- a/src/assets/cinnamon/common-assets-purple/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-red/add-workspace-active.svg b/src/assets/cinnamon/common-assets-red/add-workspace-active.svg deleted file mode 100644 index 8cece179..00000000 --- a/src/assets/cinnamon/common-assets-red/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-red/checkbox.svg b/src/assets/cinnamon/common-assets-red/checkbox.svg deleted file mode 100644 index 282aff68..00000000 --- a/src/assets/cinnamon/common-assets-red/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-red/corner-ripple.svg b/src/assets/cinnamon/common-assets-red/corner-ripple.svg deleted file mode 100644 index 6f51c162..00000000 --- a/src/assets/cinnamon/common-assets-red/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-red/menu-hover.svg b/src/assets/cinnamon/common-assets-red/menu-hover.svg deleted file mode 100644 index 5681582a..00000000 --- a/src/assets/cinnamon/common-assets-red/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-red/radiobutton.svg b/src/assets/cinnamon/common-assets-red/radiobutton.svg deleted file mode 100644 index 3ed9d156..00000000 --- a/src/assets/cinnamon/common-assets-red/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-red/toggle-on.svg b/src/assets/cinnamon/common-assets-red/toggle-on.svg deleted file mode 100644 index 5ee6d6be..00000000 --- a/src/assets/cinnamon/common-assets-red/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg b/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg deleted file mode 100644 index f2b19769..00000000 --- a/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-yellow/checkbox.svg b/src/assets/cinnamon/common-assets-yellow/checkbox.svg deleted file mode 100644 index 4aed96f3..00000000 --- a/src/assets/cinnamon/common-assets-yellow/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg b/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg deleted file mode 100644 index d1698a7b..00000000 --- a/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets-yellow/menu-hover.svg b/src/assets/cinnamon/common-assets-yellow/menu-hover.svg deleted file mode 100644 index 4760827b..00000000 --- a/src/assets/cinnamon/common-assets-yellow/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets-yellow/radiobutton.svg b/src/assets/cinnamon/common-assets-yellow/radiobutton.svg deleted file mode 100644 index 123a5e2d..00000000 --- a/src/assets/cinnamon/common-assets-yellow/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets-yellow/toggle-on.svg b/src/assets/cinnamon/common-assets-yellow/toggle-on.svg deleted file mode 100644 index 032d0417..00000000 --- a/src/assets/cinnamon/common-assets-yellow/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/add-workspace-active.svg b/src/assets/cinnamon/common-assets/add-workspace-active.svg deleted file mode 100644 index 7a13f579..00000000 --- a/src/assets/cinnamon/common-assets/add-workspace-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/add-workspace-hover.svg b/src/assets/cinnamon/common-assets/add-workspace-hover.svg deleted file mode 100644 index 8a1d3516..00000000 --- a/src/assets/cinnamon/common-assets/add-workspace-hover.svg +++ /dev/null @@ -1,112 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/add-workspace.svg b/src/assets/cinnamon/common-assets/add-workspace.svg deleted file mode 100644 index 8dba5df9..00000000 --- a/src/assets/cinnamon/common-assets/add-workspace.svg +++ /dev/null @@ -1,113 +0,0 @@ - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/checkbox.svg b/src/assets/cinnamon/common-assets/checkbox.svg deleted file mode 100644 index 67a41c18..00000000 --- a/src/assets/cinnamon/common-assets/checkbox.svg +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/close-active.svg b/src/assets/cinnamon/common-assets/close-active.svg deleted file mode 100644 index 0dde2b9d..00000000 --- a/src/assets/cinnamon/common-assets/close-active.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/close-hover.svg b/src/assets/cinnamon/common-assets/close-hover.svg deleted file mode 100644 index 37f8806a..00000000 --- a/src/assets/cinnamon/common-assets/close-hover.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/close.svg b/src/assets/cinnamon/common-assets/close.svg deleted file mode 100644 index 5dcc697b..00000000 --- a/src/assets/cinnamon/common-assets/close.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/corner-ripple.svg b/src/assets/cinnamon/common-assets/corner-ripple.svg deleted file mode 100644 index e421812f..00000000 --- a/src/assets/cinnamon/common-assets/corner-ripple.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/cinnamon/common-assets/menu-hover.svg b/src/assets/cinnamon/common-assets/menu-hover.svg deleted file mode 100644 index 4a9f87d9..00000000 --- a/src/assets/cinnamon/common-assets/menu-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/cinnamon/common-assets/radiobutton.svg b/src/assets/cinnamon/common-assets/radiobutton.svg deleted file mode 100644 index 44ba2b3b..00000000 --- a/src/assets/cinnamon/common-assets/radiobutton.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/common-assets/toggle-on.svg b/src/assets/cinnamon/common-assets/toggle-on.svg deleted file mode 100644 index 0657adaa..00000000 --- a/src/assets/cinnamon/common-assets/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/thumbnails/render-thumbnails.sh b/src/assets/cinnamon/thumbnails/render-thumbnails.sh deleted file mode 100755 index d6aee083..00000000 --- a/src/assets/cinnamon/thumbnails/render-thumbnails.sh +++ /dev/null @@ -1,21 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="thumbnail.svg" - -for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do - [[ -f thumbnail-light${theme}.png ]] && rm -rf thumbnail-light${theme}.png - echo Rendering thumbnail-light${theme}.png - - $INKSCAPE --export-id=thumbnail-light${theme} --export-id-only --export-filename=thumbnail-light${theme}.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet thumbnail-light${theme}.png - - [[ -f thumbnail-dark${theme}.png ]] && rm -rf thumbnail-dark${theme}.png - echo Rendering thumbnail-dark${theme}.png - $INKSCAPE --export-id=thumbnail-dark${theme} --export-id-only --export-filename=thumbnail-dark${theme}.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet thumbnail-dark${theme}.png -done - -exit 0 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png deleted file mode 100644 index e45d3725..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png deleted file mode 100644 index afd1971f..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png deleted file mode 100644 index 2b13a017..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png deleted file mode 100644 index 9dc33f98..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png deleted file mode 100644 index c864066e..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png deleted file mode 100644 index f32f51b0..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-red.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-red.png deleted file mode 100644 index c264808a..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-red.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png deleted file mode 100644 index 11d64490..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-dark.png deleted file mode 100644 index 4574fea2..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-dark.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png b/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png deleted file mode 100644 index 61feb671..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-green.png b/src/assets/cinnamon/thumbnails/thumbnail-light-green.png deleted file mode 100644 index e11afb1c..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-green.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png b/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png deleted file mode 100644 index 8c92986c..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png b/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png deleted file mode 100644 index e775b50d..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-pink.png b/src/assets/cinnamon/thumbnails/thumbnail-light-pink.png deleted file mode 100644 index 69e07739..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-pink.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-purple.png b/src/assets/cinnamon/thumbnails/thumbnail-light-purple.png deleted file mode 100644 index c8685542..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-purple.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-red.png b/src/assets/cinnamon/thumbnails/thumbnail-light-red.png deleted file mode 100644 index f74d9df4..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-red.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png b/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png deleted file mode 100644 index e46a4da7..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light.png b/src/assets/cinnamon/thumbnails/thumbnail-light.png deleted file mode 100644 index f7522b05..00000000 Binary files a/src/assets/cinnamon/thumbnails/thumbnail-light.png and /dev/null differ diff --git a/src/assets/cinnamon/thumbnails/thumbnail.svg b/src/assets/cinnamon/thumbnails/thumbnail.svg deleted file mode 100644 index 09d18898..00000000 --- a/src/assets/cinnamon/thumbnails/thumbnail.svg +++ /dev/null @@ -1,5266 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-arch.svg b/src/assets/gnome-shell/activities-black/activities-arch.svg deleted file mode 100644 index ef9d64ac..00000000 --- a/src/assets/gnome-shell/activities-black/activities-arch.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-debian.svg b/src/assets/gnome-shell/activities-black/activities-debian.svg deleted file mode 100644 index 250e6eaf..00000000 --- a/src/assets/gnome-shell/activities-black/activities-debian.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-fedora.svg b/src/assets/gnome-shell/activities-black/activities-fedora.svg deleted file mode 100644 index d3850e49..00000000 --- a/src/assets/gnome-shell/activities-black/activities-fedora.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-gnome.svg b/src/assets/gnome-shell/activities-black/activities-gnome.svg deleted file mode 100644 index 31bbfe78..00000000 --- a/src/assets/gnome-shell/activities-black/activities-gnome.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-manjaro.svg b/src/assets/gnome-shell/activities-black/activities-manjaro.svg deleted file mode 100644 index ab7d795c..00000000 --- a/src/assets/gnome-shell/activities-black/activities-manjaro.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-normal.svg b/src/assets/gnome-shell/activities-black/activities-normal.svg deleted file mode 100644 index 17f773bb..00000000 --- a/src/assets/gnome-shell/activities-black/activities-normal.svg +++ /dev/null @@ -1,80 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-ubuntu.svg b/src/assets/gnome-shell/activities-black/activities-ubuntu.svg deleted file mode 100644 index 04a02c71..00000000 --- a/src/assets/gnome-shell/activities-black/activities-ubuntu.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities-void.svg b/src/assets/gnome-shell/activities-black/activities-void.svg deleted file mode 100644 index 20370d76..00000000 --- a/src/assets/gnome-shell/activities-black/activities-void.svg +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/src/assets/gnome-shell/activities-black/activities.svg b/src/assets/gnome-shell/activities-black/activities.svg deleted file mode 100644 index c1a6cfd2..00000000 --- a/src/assets/gnome-shell/activities-black/activities.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-arch.svg b/src/assets/gnome-shell/activities/activities-arch.svg deleted file mode 100644 index 6e16749a..00000000 --- a/src/assets/gnome-shell/activities/activities-arch.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-debian.svg b/src/assets/gnome-shell/activities/activities-debian.svg deleted file mode 100644 index 2cce9644..00000000 --- a/src/assets/gnome-shell/activities/activities-debian.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-fedora.svg b/src/assets/gnome-shell/activities/activities-fedora.svg deleted file mode 100644 index d866e778..00000000 --- a/src/assets/gnome-shell/activities/activities-fedora.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-gnome.svg b/src/assets/gnome-shell/activities/activities-gnome.svg deleted file mode 100644 index 98b0cae7..00000000 --- a/src/assets/gnome-shell/activities/activities-gnome.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-manjaro.svg b/src/assets/gnome-shell/activities/activities-manjaro.svg deleted file mode 100644 index 13ebf157..00000000 --- a/src/assets/gnome-shell/activities/activities-manjaro.svg +++ /dev/null @@ -1,154 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-normal.svg b/src/assets/gnome-shell/activities/activities-normal.svg deleted file mode 100644 index 0db267bf..00000000 --- a/src/assets/gnome-shell/activities/activities-normal.svg +++ /dev/null @@ -1,80 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-ubuntu.svg b/src/assets/gnome-shell/activities/activities-ubuntu.svg deleted file mode 100644 index e276a8ad..00000000 --- a/src/assets/gnome-shell/activities/activities-ubuntu.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities-void.svg b/src/assets/gnome-shell/activities/activities-void.svg deleted file mode 100644 index a068d095..00000000 --- a/src/assets/gnome-shell/activities/activities-void.svg +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/src/assets/gnome-shell/activities/activities.svg b/src/assets/gnome-shell/activities/activities.svg deleted file mode 100644 index 13dff87a..00000000 --- a/src/assets/gnome-shell/activities/activities.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - diff --git a/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg b/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg deleted file mode 100644 index ec8b4783..00000000 --- a/src/assets/gnome-shell/assets-dark/calendar-arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg b/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg deleted file mode 100644 index 6fc5556f..00000000 --- a/src/assets/gnome-shell/assets-dark/calendar-arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/assets-dark/calendar-today.svg b/src/assets/gnome-shell/assets-dark/calendar-today.svg deleted file mode 100644 index 5e77084c..00000000 --- a/src/assets/gnome-shell/assets-dark/calendar-today.svg +++ /dev/null @@ -1,178 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - diff --git a/src/assets/gnome-shell/assets-dark/checkbox-off.svg b/src/assets/gnome-shell/assets-dark/checkbox-off.svg deleted file mode 100644 index 863d2eb6..00000000 --- a/src/assets/gnome-shell/assets-dark/checkbox-off.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/assets/gnome-shell/assets-dark/toggle-off.svg b/src/assets/gnome-shell/assets-dark/toggle-off.svg deleted file mode 100644 index dd2622b0..00000000 --- a/src/assets/gnome-shell/assets-dark/toggle-off.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/assets-light/calendar-arrow-left.svg b/src/assets/gnome-shell/assets-light/calendar-arrow-left.svg deleted file mode 100644 index 309e10b6..00000000 --- a/src/assets/gnome-shell/assets-light/calendar-arrow-left.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/assets-light/calendar-arrow-right.svg b/src/assets/gnome-shell/assets-light/calendar-arrow-right.svg deleted file mode 100644 index 67d2c49e..00000000 --- a/src/assets/gnome-shell/assets-light/calendar-arrow-right.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/assets-light/calendar-today.svg b/src/assets/gnome-shell/assets-light/calendar-today.svg deleted file mode 100644 index 03405a4e..00000000 --- a/src/assets/gnome-shell/assets-light/calendar-today.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/gnome-shell/assets-light/checkbox-off.svg b/src/assets/gnome-shell/assets-light/checkbox-off.svg deleted file mode 100644 index 024556eb..00000000 --- a/src/assets/gnome-shell/assets-light/checkbox-off.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/assets/gnome-shell/assets-light/toggle-off.svg b/src/assets/gnome-shell/assets-light/toggle-off.svg deleted file mode 100644 index a2567239..00000000 --- a/src/assets/gnome-shell/assets-light/toggle-off.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-blue/checkbox.svg b/src/assets/gnome-shell/common-assets-blue/checkbox.svg deleted file mode 100644 index 8728135d..00000000 --- a/src/assets/gnome-shell/common-assets-blue/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-blue/more-results.svg b/src/assets/gnome-shell/common-assets-blue/more-results.svg deleted file mode 100644 index d8716310..00000000 --- a/src/assets/gnome-shell/common-assets-blue/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-blue/toggle-on.svg b/src/assets/gnome-shell/common-assets-blue/toggle-on.svg deleted file mode 100644 index 3ecb0f5b..00000000 --- a/src/assets/gnome-shell/common-assets-blue/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-green/checkbox.svg b/src/assets/gnome-shell/common-assets-green/checkbox.svg deleted file mode 100644 index 284cf31e..00000000 --- a/src/assets/gnome-shell/common-assets-green/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-green/more-results.svg b/src/assets/gnome-shell/common-assets-green/more-results.svg deleted file mode 100644 index c4fcbaa0..00000000 --- a/src/assets/gnome-shell/common-assets-green/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-green/toggle-on.svg b/src/assets/gnome-shell/common-assets-green/toggle-on.svg deleted file mode 100644 index 6edb6b59..00000000 --- a/src/assets/gnome-shell/common-assets-green/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-grey/checkbox.svg b/src/assets/gnome-shell/common-assets-grey/checkbox.svg deleted file mode 100644 index bf1dd4b5..00000000 --- a/src/assets/gnome-shell/common-assets-grey/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-grey/more-results.svg b/src/assets/gnome-shell/common-assets-grey/more-results.svg deleted file mode 100644 index bf4d3cea..00000000 --- a/src/assets/gnome-shell/common-assets-grey/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-grey/toggle-on.svg b/src/assets/gnome-shell/common-assets-grey/toggle-on.svg deleted file mode 100644 index 05d61213..00000000 --- a/src/assets/gnome-shell/common-assets-grey/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-orange/checkbox.svg b/src/assets/gnome-shell/common-assets-orange/checkbox.svg deleted file mode 100644 index e0317275..00000000 --- a/src/assets/gnome-shell/common-assets-orange/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-orange/more-results.svg b/src/assets/gnome-shell/common-assets-orange/more-results.svg deleted file mode 100644 index 7df0a4fc..00000000 --- a/src/assets/gnome-shell/common-assets-orange/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-orange/toggle-on.svg b/src/assets/gnome-shell/common-assets-orange/toggle-on.svg deleted file mode 100644 index bf2f8f36..00000000 --- a/src/assets/gnome-shell/common-assets-orange/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-pink/checkbox.svg b/src/assets/gnome-shell/common-assets-pink/checkbox.svg deleted file mode 100644 index e6e59b3a..00000000 --- a/src/assets/gnome-shell/common-assets-pink/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-pink/more-results.svg b/src/assets/gnome-shell/common-assets-pink/more-results.svg deleted file mode 100644 index f1041c22..00000000 --- a/src/assets/gnome-shell/common-assets-pink/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-pink/toggle-on.svg b/src/assets/gnome-shell/common-assets-pink/toggle-on.svg deleted file mode 100644 index e16d5f81..00000000 --- a/src/assets/gnome-shell/common-assets-pink/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-purple/checkbox.svg b/src/assets/gnome-shell/common-assets-purple/checkbox.svg deleted file mode 100644 index f35ceed5..00000000 --- a/src/assets/gnome-shell/common-assets-purple/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-purple/more-results.svg b/src/assets/gnome-shell/common-assets-purple/more-results.svg deleted file mode 100644 index cf01c9d0..00000000 --- a/src/assets/gnome-shell/common-assets-purple/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-purple/toggle-on.svg b/src/assets/gnome-shell/common-assets-purple/toggle-on.svg deleted file mode 100644 index 4f5b7779..00000000 --- a/src/assets/gnome-shell/common-assets-purple/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-red/checkbox.svg b/src/assets/gnome-shell/common-assets-red/checkbox.svg deleted file mode 100644 index f8830c67..00000000 --- a/src/assets/gnome-shell/common-assets-red/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-red/more-results.svg b/src/assets/gnome-shell/common-assets-red/more-results.svg deleted file mode 100644 index 2c10d8ad..00000000 --- a/src/assets/gnome-shell/common-assets-red/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-red/toggle-on.svg b/src/assets/gnome-shell/common-assets-red/toggle-on.svg deleted file mode 100644 index 5ee6d6be..00000000 --- a/src/assets/gnome-shell/common-assets-red/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-yellow/checkbox.svg b/src/assets/gnome-shell/common-assets-yellow/checkbox.svg deleted file mode 100644 index 846b7b6d..00000000 --- a/src/assets/gnome-shell/common-assets-yellow/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets-yellow/more-results.svg b/src/assets/gnome-shell/common-assets-yellow/more-results.svg deleted file mode 100644 index 002180d0..00000000 --- a/src/assets/gnome-shell/common-assets-yellow/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg b/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg deleted file mode 100644 index 032d0417..00000000 --- a/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/background.jpg b/src/assets/gnome-shell/common-assets/background.jpg deleted file mode 100644 index 24bd1e86..00000000 Binary files a/src/assets/gnome-shell/common-assets/background.jpg and /dev/null differ diff --git a/src/assets/gnome-shell/common-assets/checkbox.svg b/src/assets/gnome-shell/common-assets/checkbox.svg deleted file mode 100644 index 4a5b3ffb..00000000 --- a/src/assets/gnome-shell/common-assets/checkbox.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/dash-placeholder.svg b/src/assets/gnome-shell/common-assets/dash-placeholder.svg deleted file mode 100644 index 172156ae..00000000 --- a/src/assets/gnome-shell/common-assets/dash-placeholder.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/assets/gnome-shell/common-assets/more-results.svg b/src/assets/gnome-shell/common-assets/more-results.svg deleted file mode 100644 index c5c42362..00000000 --- a/src/assets/gnome-shell/common-assets/more-results.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/common-assets/no-events.svg b/src/assets/gnome-shell/common-assets/no-events.svg deleted file mode 100644 index 5af005dc..00000000 --- a/src/assets/gnome-shell/common-assets/no-events.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/assets/gnome-shell/common-assets/no-notifications.svg b/src/assets/gnome-shell/common-assets/no-notifications.svg deleted file mode 100644 index cd3778a4..00000000 --- a/src/assets/gnome-shell/common-assets/no-notifications.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/assets/gnome-shell/common-assets/noise-texture.svg b/src/assets/gnome-shell/common-assets/noise-texture.svg deleted file mode 100644 index 8acc4de0..00000000 --- a/src/assets/gnome-shell/common-assets/noise-texture.svg +++ /dev/null @@ -1,78 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/process-working.svg b/src/assets/gnome-shell/common-assets/process-working.svg deleted file mode 100644 index 6671e97d..00000000 --- a/src/assets/gnome-shell/common-assets/process-working.svg +++ /dev/null @@ -1,72 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/toggle-on.svg b/src/assets/gnome-shell/common-assets/toggle-on.svg deleted file mode 100644 index 0657adaa..00000000 --- a/src/assets/gnome-shell/common-assets/toggle-on.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/view-app-grid.svg b/src/assets/gnome-shell/common-assets/view-app-grid.svg deleted file mode 100644 index c09082bf..00000000 --- a/src/assets/gnome-shell/common-assets/view-app-grid.svg +++ /dev/null @@ -1,123 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/window-close-active.svg b/src/assets/gnome-shell/common-assets/window-close-active.svg deleted file mode 100644 index 0dde2b9d..00000000 --- a/src/assets/gnome-shell/common-assets/window-close-active.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/window-close-hover.svg b/src/assets/gnome-shell/common-assets/window-close-hover.svg deleted file mode 100644 index 37f8806a..00000000 --- a/src/assets/gnome-shell/common-assets/window-close-hover.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/gnome-shell/common-assets/window-close.svg b/src/assets/gnome-shell/common-assets/window-close.svg deleted file mode 100644 index 5dcc697b..00000000 --- a/src/assets/gnome-shell/common-assets/window-close.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/actions/color-pick.svg b/src/assets/gnome-shell/icons/scalable/actions/color-pick.svg deleted file mode 100644 index 22467762..00000000 --- a/src/assets/gnome-shell/icons/scalable/actions/color-pick.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg b/src/assets/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg deleted file mode 100644 index 625e188f..00000000 --- a/src/assets/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg b/src/assets/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg deleted file mode 100644 index eb05cbff..00000000 --- a/src/assets/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg b/src/assets/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg deleted file mode 100644 index 81d20872..00000000 --- a/src/assets/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg b/src/assets/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg deleted file mode 100644 index 6ec18f21..00000000 --- a/src/assets/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg deleted file mode 100644 index 3dacfe1c..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg deleted file mode 100644 index 5ca48d1e..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg deleted file mode 100644 index 99bea5bc..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg deleted file mode 100644 index 70a27b33..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg deleted file mode 100644 index 5ba9717f..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg deleted file mode 100644 index 06e2f53e..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg deleted file mode 100644 index f02389ce..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/assets/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg b/src/assets/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg deleted file mode 100644 index 7397ba2b..00000000 --- a/src/assets/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/gtk-2.0/assets-dark-blue.svg b/src/assets/gtk-2.0/assets-dark-blue.svg deleted file mode 100644 index 88c1fafd..00000000 --- a/src/assets/gtk-2.0/assets-dark-blue.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png deleted file mode 100644 index 9885af3d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/button-active.png b/src/assets/gtk-2.0/assets-dark-blue/button-active.png deleted file mode 100644 index 8114bd42..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png deleted file mode 100644 index 2f988625..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png deleted file mode 100644 index 5c56f7a5..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png deleted file mode 100644 index 4d22f893..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png deleted file mode 100644 index b4be3299..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png deleted file mode 100644 index b70bcb30..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 9e658266..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png deleted file mode 100644 index 28c71f97..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png deleted file mode 100644 index 8e0930cd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png deleted file mode 100644 index 76b7682b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png deleted file mode 100644 index 9567a5af..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png deleted file mode 100644 index cde9144e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png deleted file mode 100644 index 3d95869a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png deleted file mode 100644 index 64f38b41..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png deleted file mode 100644 index 5448f3d3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png deleted file mode 100644 index 84ca20b5..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png deleted file mode 100644 index 2e18f517..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png deleted file mode 100644 index 061225a3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/progressbar.png b/src/assets/gtk-2.0/assets-dark-blue/progressbar.png deleted file mode 100644 index 04c8589e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png deleted file mode 100644 index 94da73b9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png b/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png deleted file mode 100644 index 0a93562d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png deleted file mode 100644 index 29ed877b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png deleted file mode 100644 index 6cc11c1e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green.svg b/src/assets/gtk-2.0/assets-dark-green.svg deleted file mode 100644 index 64b6b984..00000000 --- a/src/assets/gtk-2.0/assets-dark-green.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png deleted file mode 100644 index 3a8d27d7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/button-active.png b/src/assets/gtk-2.0/assets-dark-green/button-active.png deleted file mode 100644 index 59538c30..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png deleted file mode 100644 index fa0077c0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png deleted file mode 100644 index f5d56a9a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png deleted file mode 100644 index 2507aed4..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png deleted file mode 100644 index a673c6aa..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png deleted file mode 100644 index d3e33507..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 3d8ed250..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png deleted file mode 100644 index 47fc65b3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png deleted file mode 100644 index 9e28e228..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png deleted file mode 100644 index 61de061c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png deleted file mode 100644 index 99f77739..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png deleted file mode 100644 index 8cdecb07..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png deleted file mode 100644 index 41c9f385..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png deleted file mode 100644 index 0d6ac634..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png deleted file mode 100644 index b3e9151a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png deleted file mode 100644 index 2fb4adb3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png deleted file mode 100644 index 2a9c87c0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png deleted file mode 100644 index e1675afe..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/progressbar.png b/src/assets/gtk-2.0/assets-dark-green/progressbar.png deleted file mode 100644 index b84838a5..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png deleted file mode 100644 index dacd2089..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/radio-checked.png b/src/assets/gtk-2.0/assets-dark-green/radio-checked.png deleted file mode 100644 index bfe61904..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png deleted file mode 100644 index af04e887..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png deleted file mode 100644 index 14f9de96..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey.svg b/src/assets/gtk-2.0/assets-dark-grey.svg deleted file mode 100644 index fbbe620f..00000000 --- a/src/assets/gtk-2.0/assets-dark-grey.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png deleted file mode 100644 index d12a364b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/button-active.png b/src/assets/gtk-2.0/assets-dark-grey/button-active.png deleted file mode 100644 index b2de6b73..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png deleted file mode 100644 index 44d6154b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png deleted file mode 100644 index 527830d7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png deleted file mode 100644 index befd58bb..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png deleted file mode 100644 index 757350cb..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png deleted file mode 100644 index 3691647f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index ed072083..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png deleted file mode 100644 index 02bd409d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png deleted file mode 100644 index b069cb22..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png deleted file mode 100644 index 19158ffb..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png deleted file mode 100644 index 34490c2f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png deleted file mode 100644 index d0922270..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png deleted file mode 100644 index b587ba95..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png deleted file mode 100644 index 3e2b7104..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png deleted file mode 100644 index 6d4d1ab8..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png deleted file mode 100644 index c5f237b8..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png deleted file mode 100644 index 40728e51..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png deleted file mode 100644 index 3dbf49e1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/progressbar.png b/src/assets/gtk-2.0/assets-dark-grey/progressbar.png deleted file mode 100644 index 2cd0bef6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png deleted file mode 100644 index 98a0278d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png b/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png deleted file mode 100644 index cafd1e25..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png deleted file mode 100644 index fbcdc624..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png deleted file mode 100644 index a8539063..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange.svg b/src/assets/gtk-2.0/assets-dark-orange.svg deleted file mode 100644 index 9071e19d..00000000 --- a/src/assets/gtk-2.0/assets-dark-orange.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png deleted file mode 100644 index 0b06db26..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/button-active.png b/src/assets/gtk-2.0/assets-dark-orange/button-active.png deleted file mode 100644 index 0303a183..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png deleted file mode 100644 index 3da8d8d3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png deleted file mode 100644 index 49472f6e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png deleted file mode 100644 index 2d0704c6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png deleted file mode 100644 index fef0ebd9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png deleted file mode 100644 index ccf4881a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index d2a0fed6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png deleted file mode 100644 index 93f525ee..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png deleted file mode 100644 index 1129232a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png deleted file mode 100644 index 86222c21..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png deleted file mode 100644 index 3c218fcf..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png deleted file mode 100644 index 13bc8b7e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png deleted file mode 100644 index 1f8c439a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png deleted file mode 100644 index 1b9acfc9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png deleted file mode 100644 index 0e6076e9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png deleted file mode 100644 index 3b56fe75..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png deleted file mode 100644 index 8998f2c6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png deleted file mode 100644 index 751ca5bf..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/progressbar.png b/src/assets/gtk-2.0/assets-dark-orange/progressbar.png deleted file mode 100644 index dadbe161..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png deleted file mode 100644 index c8bd9365..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/radio-checked.png b/src/assets/gtk-2.0/assets-dark-orange/radio-checked.png deleted file mode 100644 index 107aef17..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png deleted file mode 100644 index 105942a3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png deleted file mode 100644 index 2e47298a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink.svg b/src/assets/gtk-2.0/assets-dark-pink.svg deleted file mode 100644 index 9afd878f..00000000 --- a/src/assets/gtk-2.0/assets-dark-pink.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png deleted file mode 100644 index a311f410..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/button-active.png b/src/assets/gtk-2.0/assets-dark-pink/button-active.png deleted file mode 100644 index 8306834d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png deleted file mode 100644 index 8e5ea21d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png deleted file mode 100644 index d9f5229a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png deleted file mode 100644 index fa435e8b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png deleted file mode 100644 index c632d53a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png deleted file mode 100644 index 9e979236..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 230209f6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png deleted file mode 100644 index 2f0f0bfb..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png deleted file mode 100644 index 96f2a4e9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png deleted file mode 100644 index 20fa282f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png deleted file mode 100644 index c05db2cf..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png deleted file mode 100644 index 7e995712..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png deleted file mode 100644 index a4fe849c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png deleted file mode 100644 index b04f7387..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png deleted file mode 100644 index 2acd63ad..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png deleted file mode 100644 index da5404de..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png deleted file mode 100644 index 098e8da9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png deleted file mode 100644 index 1e8864dc..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/progressbar.png b/src/assets/gtk-2.0/assets-dark-pink/progressbar.png deleted file mode 100644 index b36ce5a2..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png deleted file mode 100644 index 16777f50..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/radio-checked.png b/src/assets/gtk-2.0/assets-dark-pink/radio-checked.png deleted file mode 100644 index 3aee673e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png deleted file mode 100644 index cdf6c0b0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png deleted file mode 100644 index 0ee7d674..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple.svg b/src/assets/gtk-2.0/assets-dark-purple.svg deleted file mode 100644 index a3be5916..00000000 --- a/src/assets/gtk-2.0/assets-dark-purple.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png deleted file mode 100644 index 6706b7bd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/button-active.png b/src/assets/gtk-2.0/assets-dark-purple/button-active.png deleted file mode 100644 index 5c0a52b7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png deleted file mode 100644 index 1f005d2f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png deleted file mode 100644 index ba0587a9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png deleted file mode 100644 index e031726c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png deleted file mode 100644 index f6a73099..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png deleted file mode 100644 index d77201e3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 67b5e479..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png deleted file mode 100644 index da8f1e5a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png deleted file mode 100644 index f559df57..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png deleted file mode 100644 index ee711af6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png deleted file mode 100644 index d2a58a95..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png deleted file mode 100644 index 33051ff7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png deleted file mode 100644 index e8ef5dc1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png deleted file mode 100644 index 946a871b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png deleted file mode 100644 index b0e05ba9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png deleted file mode 100644 index 04f0a436..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png deleted file mode 100644 index 4868959f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png deleted file mode 100644 index 0a82c216..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/progressbar.png b/src/assets/gtk-2.0/assets-dark-purple/progressbar.png deleted file mode 100644 index f22226d6..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png deleted file mode 100644 index 7509f847..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png b/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png deleted file mode 100644 index f8d25fd3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png deleted file mode 100644 index 586dd438..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png deleted file mode 100644 index eb9cdc4e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red.svg b/src/assets/gtk-2.0/assets-dark-red.svg deleted file mode 100644 index 501cf788..00000000 --- a/src/assets/gtk-2.0/assets-dark-red.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png deleted file mode 100644 index f2f59b6b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/button-active.png b/src/assets/gtk-2.0/assets-dark-red/button-active.png deleted file mode 100644 index f0231d03..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png deleted file mode 100644 index f74e73c0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png deleted file mode 100644 index 95ead8ea..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png deleted file mode 100644 index 2c35e066..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png deleted file mode 100644 index 27bf6111..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png deleted file mode 100644 index e2d23c79..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 5a0cf553..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png deleted file mode 100644 index aa6a747b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png deleted file mode 100644 index c7356b99..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png deleted file mode 100644 index 6e31aeba..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png deleted file mode 100644 index f3def8d4..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png deleted file mode 100644 index 8a7b6a51..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png deleted file mode 100644 index b32d9146..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png deleted file mode 100644 index ffcb7d6c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png deleted file mode 100644 index ef26242d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png deleted file mode 100644 index b2aebb23..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png deleted file mode 100644 index 7d753f85..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png deleted file mode 100644 index eea48e73..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/progressbar.png b/src/assets/gtk-2.0/assets-dark-red/progressbar.png deleted file mode 100644 index 9e8611a1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-red/progressbar_v.png deleted file mode 100644 index ba108c7a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/radio-checked.png b/src/assets/gtk-2.0/assets-dark-red/radio-checked.png deleted file mode 100644 index 4c5c66bd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png deleted file mode 100644 index 63fa5533..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png deleted file mode 100644 index 2514e66a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow.svg b/src/assets/gtk-2.0/assets-dark-yellow.svg deleted file mode 100644 index 33b69c82..00000000 --- a/src/assets/gtk-2.0/assets-dark-yellow.svg +++ /dev/null @@ -1,232 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png deleted file mode 100644 index 7541e607..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/button-active.png b/src/assets/gtk-2.0/assets-dark-yellow/button-active.png deleted file mode 100644 index a420c4bd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png deleted file mode 100644 index 14cc1503..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png deleted file mode 100644 index d98de6a5..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png deleted file mode 100644 index f2746de1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png deleted file mode 100644 index 606318f1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png deleted file mode 100644 index ee405ec0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 372b9175..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png deleted file mode 100644 index 72408b58..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png deleted file mode 100644 index 57d47245..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png deleted file mode 100644 index ef9f1495..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png deleted file mode 100644 index cc75b347..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png deleted file mode 100644 index 983a230a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png deleted file mode 100644 index 4d2a1d4b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png deleted file mode 100644 index bdfbb50f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png deleted file mode 100644 index a94a62e5..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png deleted file mode 100644 index 6d8fe935..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png deleted file mode 100644 index 36d0171b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png deleted file mode 100644 index b5c42d78..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/progressbar.png b/src/assets/gtk-2.0/assets-dark-yellow/progressbar.png deleted file mode 100644 index 6037e654..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png deleted file mode 100644 index e43fe0fd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png deleted file mode 100644 index 46746bc2..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png deleted file mode 100644 index 12e6a3e1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png deleted file mode 100644 index 857de454..00000000 Binary files a/src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark.svg b/src/assets/gtk-2.0/assets-dark.svg deleted file mode 100644 index 4505bfb1..00000000 --- a/src/assets/gtk-2.0/assets-dark.svg +++ /dev/null @@ -1,896 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-down-insens.png deleted file mode 100644 index 1c9ad407..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-down-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-down-prelight.png deleted file mode 100644 index 00bf4173..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-down-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-small-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-down-small-insens.png deleted file mode 100644 index ffd915b1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-down-small-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-small-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-down-small-prelight.png deleted file mode 100644 index e8a95d81..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-down-small-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down-small.png b/src/assets/gtk-2.0/assets-dark/arrow-down-small.png deleted file mode 100644 index b5c746b8..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-down-small.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-down.png b/src/assets/gtk-2.0/assets-dark/arrow-down.png deleted file mode 100644 index 0578f13d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-down.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-left-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-left-insens.png deleted file mode 100644 index 2e233293..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-left-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-left-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-left-prelight.png deleted file mode 100644 index c6b53053..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-left-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-left.png b/src/assets/gtk-2.0/assets-dark/arrow-left.png deleted file mode 100644 index 5f0ce9fa..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-left.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-right-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-right-insens.png deleted file mode 100644 index 28144878..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-right-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-right-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-right-prelight.png deleted file mode 100644 index 9b7a6dfa..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-right-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-right.png b/src/assets/gtk-2.0/assets-dark/arrow-right.png deleted file mode 100644 index 6a948b71..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-right.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-up-insens.png deleted file mode 100644 index 32740225..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-up-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-up-prelight.png deleted file mode 100644 index e44bb1e1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-up-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-small-insens.png b/src/assets/gtk-2.0/assets-dark/arrow-up-small-insens.png deleted file mode 100644 index 2bda7965..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-up-small-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-small-prelight.png b/src/assets/gtk-2.0/assets-dark/arrow-up-small-prelight.png deleted file mode 100644 index fe27edf0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-up-small-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up-small.png b/src/assets/gtk-2.0/assets-dark/arrow-up-small.png deleted file mode 100644 index d502163b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-up-small.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/arrow-up.png b/src/assets/gtk-2.0/assets-dark/arrow-up.png deleted file mode 100644 index 6d8f2e01..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/arrow-up.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/border.png b/src/assets/gtk-2.0/assets-dark/border.png deleted file mode 100644 index 7eafe123..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/border.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/button-active-hover.png b/src/assets/gtk-2.0/assets-dark/button-active-hover.png deleted file mode 100644 index 9dc330c1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/button-active.png b/src/assets/gtk-2.0/assets-dark/button-active.png deleted file mode 100644 index 1d663f49..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/button-hover.png b/src/assets/gtk-2.0/assets-dark/button-hover.png deleted file mode 100644 index 4cc81efe..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/button-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/button-insensitive.png b/src/assets/gtk-2.0/assets-dark/button-insensitive.png deleted file mode 100644 index 31d7c4f1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/button-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/button.png b/src/assets/gtk-2.0/assets-dark/button.png deleted file mode 100644 index 1394a4e7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/button.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/checkbox-checked-insensitive.png deleted file mode 100644 index fcddb998..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/checkbox-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark/checkbox-checked.png deleted file mode 100644 index ca9e68c2..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png deleted file mode 100644 index 535d672f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png b/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png deleted file mode 100644 index d9028070..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/checkbox-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus-rtl.png deleted file mode 100644 index 297d67ad..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus.png deleted file mode 100644 index 3748ca92..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border-rtl.png deleted file mode 100644 index e554eb08..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-border-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-border.png b/src/assets/gtk-2.0/assets-dark/combo-entry-border.png deleted file mode 100644 index 9e07d5be..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-border.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-active-rtl.png deleted file mode 100644 index 24710cf4..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-active.png deleted file mode 100644 index b8868c74..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive-rtl.png deleted file mode 100644 index f9858676..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive.png deleted file mode 100644 index 472a83bc..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-button-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button-rtl.png deleted file mode 100644 index f9858676..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-button-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-button.png b/src/assets/gtk-2.0/assets-dark/combo-entry-button.png deleted file mode 100644 index 9d1f64c0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-button.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 1987736e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook.png deleted file mode 100644 index 6effa355..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus-rtl.png deleted file mode 100644 index 6dac16ad..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark/combo-entry-focus.png deleted file mode 100644 index c91b6b46..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook-rtl.png deleted file mode 100644 index f7b02d7b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook.png deleted file mode 100644 index 0d44b16d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-rtl.png deleted file mode 100644 index f7b02d7b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive.png b/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive.png deleted file mode 100644 index e84bcf63..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-notebook-rtl.png deleted file mode 100644 index d542c259..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-notebook.png b/src/assets/gtk-2.0/assets-dark/combo-entry-notebook.png deleted file mode 100644 index a8822123..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry-rtl.png b/src/assets/gtk-2.0/assets-dark/combo-entry-rtl.png deleted file mode 100644 index b0289aea..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/combo-entry.png b/src/assets/gtk-2.0/assets-dark/combo-entry.png deleted file mode 100644 index ed16a77e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/combo-entry.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background-disable-rtl.png b/src/assets/gtk-2.0/assets-dark/down-background-disable-rtl.png deleted file mode 100644 index 14ce1957..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/down-background-disable-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background-disable.png b/src/assets/gtk-2.0/assets-dark/down-background-disable.png deleted file mode 100644 index 8284409f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/down-background-disable.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background-rtl.png b/src/assets/gtk-2.0/assets-dark/down-background-rtl.png deleted file mode 100644 index dfa13608..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/down-background-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/down-background.png b/src/assets/gtk-2.0/assets-dark/down-background.png deleted file mode 100644 index 23f939a1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/down-background.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark/entry-active-bg.png deleted file mode 100644 index 62bf644f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark/entry-active-notebook.png deleted file mode 100644 index b8d0f818..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark/entry-active-toolbar.png deleted file mode 100644 index 7f19fe14..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png b/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png deleted file mode 100644 index 3bde1250..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-background-disabled.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-background.png b/src/assets/gtk-2.0/assets-dark/entry-background.png deleted file mode 100644 index edbadfd3..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-background.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-bg.png b/src/assets/gtk-2.0/assets-dark/entry-bg.png deleted file mode 100644 index 8e13c866..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark/entry-border-active-bg.png deleted file mode 100644 index 5d9ce99c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-border-bg.png b/src/assets/gtk-2.0/assets-dark/entry-border-bg.png deleted file mode 100644 index 459a7d44..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-border-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-disabled-bg.png b/src/assets/gtk-2.0/assets-dark/entry-disabled-bg.png deleted file mode 100644 index 31ffd6e7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-disabled-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-disabled-notebook.png b/src/assets/gtk-2.0/assets-dark/entry-disabled-notebook.png deleted file mode 100644 index af8a9a33..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-disabled-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-disabled-toolbar.png b/src/assets/gtk-2.0/assets-dark/entry-disabled-toolbar.png deleted file mode 100644 index 80113303..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-disabled-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-notebook.png b/src/assets/gtk-2.0/assets-dark/entry-notebook.png deleted file mode 100644 index 433e761f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/entry-toolbar.png b/src/assets/gtk-2.0/assets-dark/entry-toolbar.png deleted file mode 100644 index 499ff69d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/entry-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/focus-line.png b/src/assets/gtk-2.0/assets-dark/focus-line.png deleted file mode 100644 index bf574dcd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/focus-line.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/frame-gap-end.png b/src/assets/gtk-2.0/assets-dark/frame-gap-end.png deleted file mode 100644 index b5549a4e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/frame-gap-end.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/frame-gap-start.png b/src/assets/gtk-2.0/assets-dark/frame-gap-start.png deleted file mode 100644 index b5549a4e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/frame-gap-start.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/frame.png b/src/assets/gtk-2.0/assets-dark/frame.png deleted file mode 100644 index 9cefc7b8..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/frame.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/handle-h.png b/src/assets/gtk-2.0/assets-dark/handle-h.png deleted file mode 100644 index 8be86c2b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/handle-h.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/handle-v.png b/src/assets/gtk-2.0/assets-dark/handle-v.png deleted file mode 100644 index 433cbc53..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/handle-v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/inline-toolbar.png b/src/assets/gtk-2.0/assets-dark/inline-toolbar.png deleted file mode 100644 index 51700d0f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/inline-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/line-h.png b/src/assets/gtk-2.0/assets-dark/line-h.png deleted file mode 100644 index 8906503a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/line-h.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/line-v.png b/src/assets/gtk-2.0/assets-dark/line-v.png deleted file mode 100644 index 4e7d8554..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/line-v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-arrow-prelight.png b/src/assets/gtk-2.0/assets-dark/menu-arrow-prelight.png deleted file mode 100644 index 069e0c30..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-arrow-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-arrow.png b/src/assets/gtk-2.0/assets-dark/menu-arrow.png deleted file mode 100644 index e5eb1696..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-arrow.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-insensitive.png deleted file mode 100644 index b8c06177..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png deleted file mode 100644 index 49c0a625..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-insensitive.png deleted file mode 100644 index 480564b2..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png b/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png deleted file mode 100644 index 4c1fadc0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-checkbox-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png deleted file mode 100644 index 7f5f64f8..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-radio-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png deleted file mode 100644 index 647d86d9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-insensitive.png deleted file mode 100644 index 771ed122..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png b/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png deleted file mode 100644 index 68f9985f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-radio-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menu-separator.png b/src/assets/gtk-2.0/assets-dark/menu-separator.png deleted file mode 100644 index f6aec568..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menu-separator.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menubar.png b/src/assets/gtk-2.0/assets-dark/menubar.png deleted file mode 100644 index ba32eede..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menubar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menubar_button.png b/src/assets/gtk-2.0/assets-dark/menubar_button.png deleted file mode 100644 index e5bd976e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menubar_button.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/menuitem.png b/src/assets/gtk-2.0/assets-dark/menuitem.png deleted file mode 100644 index c554a49b..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/menuitem.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/minus.png b/src/assets/gtk-2.0/assets-dark/minus.png deleted file mode 100644 index 6bc78c33..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/minus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/notebook-gap-horiz.png b/src/assets/gtk-2.0/assets-dark/notebook-gap-horiz.png deleted file mode 100644 index dbed6bce..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/notebook-gap-horiz.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/notebook-gap-vert.png b/src/assets/gtk-2.0/assets-dark/notebook-gap-vert.png deleted file mode 100644 index 8e0a396d..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/notebook-gap-vert.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/notebook.png b/src/assets/gtk-2.0/assets-dark/notebook.png deleted file mode 100644 index 7471c8eb..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/null.png b/src/assets/gtk-2.0/assets-dark/null.png deleted file mode 100644 index bd8bef40..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/null.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark/pathbar_button_active.png deleted file mode 100644 index ac012c02..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark/pathbar_button_prelight.png deleted file mode 100644 index 91a6d18e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/plus.png b/src/assets/gtk-2.0/assets-dark/plus.png deleted file mode 100644 index cebf0886..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/plus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/progressbar.png b/src/assets/gtk-2.0/assets-dark/progressbar.png deleted file mode 100644 index 0091cf97..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/progressbar_v.png b/src/assets/gtk-2.0/assets-dark/progressbar_v.png deleted file mode 100644 index 9676c1bd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-dark/radio-checked-insensitive.png deleted file mode 100644 index 962dcd14..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/radio-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-checked.png b/src/assets/gtk-2.0/assets-dark/radio-checked.png deleted file mode 100644 index 0e7f953f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-dark/radio-unchecked-insensitive.png deleted file mode 100644 index 095f7177..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/radio-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/radio-unchecked.png b/src/assets/gtk-2.0/assets-dark/radio-unchecked.png deleted file mode 100644 index 28afc702..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/radio-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz-active.png b/src/assets/gtk-2.0/assets-dark/slider-horiz-active.png deleted file mode 100644 index 14969bf2..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-horiz-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz-insens.png b/src/assets/gtk-2.0/assets-dark/slider-horiz-insens.png deleted file mode 100644 index dae90669..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-horiz-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz-prelight.png b/src/assets/gtk-2.0/assets-dark/slider-horiz-prelight.png deleted file mode 100644 index a035bb37..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-horiz-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-horiz.png b/src/assets/gtk-2.0/assets-dark/slider-horiz.png deleted file mode 100644 index 9a7e164f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-horiz.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-insensitive.png b/src/assets/gtk-2.0/assets-dark/slider-insensitive.png deleted file mode 100644 index 38562b74..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-prelight.png b/src/assets/gtk-2.0/assets-dark/slider-prelight.png deleted file mode 100644 index 0811cbe7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert-active.png b/src/assets/gtk-2.0/assets-dark/slider-vert-active.png deleted file mode 100644 index f12beadd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-vert-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert-insens.png b/src/assets/gtk-2.0/assets-dark/slider-vert-insens.png deleted file mode 100644 index 09fb93d8..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-vert-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert-prelight.png b/src/assets/gtk-2.0/assets-dark/slider-vert-prelight.png deleted file mode 100644 index 6803f7d1..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-vert-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider-vert.png b/src/assets/gtk-2.0/assets-dark/slider-vert.png deleted file mode 100644 index 52f13904..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider-vert.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/slider.png b/src/assets/gtk-2.0/assets-dark/slider.png deleted file mode 100644 index 17c40ccd..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/slider.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-bottom-active.png b/src/assets/gtk-2.0/assets-dark/tab-bottom-active.png deleted file mode 100644 index 36d315d0..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/tab-bottom-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-left-active.png b/src/assets/gtk-2.0/assets-dark/tab-left-active.png deleted file mode 100644 index b6e1f47a..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/tab-left-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-right-active.png b/src/assets/gtk-2.0/assets-dark/tab-right-active.png deleted file mode 100644 index 73663abc..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/tab-right-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/tab-top-active.png b/src/assets/gtk-2.0/assets-dark/tab-top-active.png deleted file mode 100644 index d316d161..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/tab-top-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/toolbar-button-active-hover.png b/src/assets/gtk-2.0/assets-dark/toolbar-button-active-hover.png deleted file mode 100644 index 4cc81efe..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/toolbar-button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/toolbar-button-active.png b/src/assets/gtk-2.0/assets-dark/toolbar-button-active.png deleted file mode 100644 index 1394a4e7..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/toolbar-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/toolbar.png b/src/assets/gtk-2.0/assets-dark/toolbar.png deleted file mode 100644 index 95cfd218..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/tree_header.png b/src/assets/gtk-2.0/assets-dark/tree_header.png deleted file mode 100644 index 92d01469..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/tree_header.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark/trough-horizontal-active.png deleted file mode 100644 index 5734fe0e..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-horizontal.png b/src/assets/gtk-2.0/assets-dark/trough-horizontal.png deleted file mode 100644 index 6f696879..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-horizontal.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-progressbar.png b/src/assets/gtk-2.0/assets-dark/trough-progressbar.png deleted file mode 100644 index d40e6483..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-progressbar_v.png b/src/assets/gtk-2.0/assets-dark/trough-progressbar_v.png deleted file mode 100644 index 35fcb647..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-scrollbar-horiz.png b/src/assets/gtk-2.0/assets-dark/trough-scrollbar-horiz.png deleted file mode 100644 index 8c66765f..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-scrollbar-horiz.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-scrollbar-vert.png b/src/assets/gtk-2.0/assets-dark/trough-scrollbar-vert.png deleted file mode 100644 index b277bb46..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-scrollbar-vert.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark/trough-vertical-active.png deleted file mode 100644 index 09bfef4c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/trough-vertical.png b/src/assets/gtk-2.0/assets-dark/trough-vertical.png deleted file mode 100644 index 110b365c..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/trough-vertical.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background-disable-rtl.png b/src/assets/gtk-2.0/assets-dark/up-background-disable-rtl.png deleted file mode 100644 index 54031485..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/up-background-disable-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background-disable.png b/src/assets/gtk-2.0/assets-dark/up-background-disable.png deleted file mode 100644 index e1288171..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/up-background-disable.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background-rtl.png b/src/assets/gtk-2.0/assets-dark/up-background-rtl.png deleted file mode 100644 index c1a25ff9..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/up-background-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-dark/up-background.png b/src/assets/gtk-2.0/assets-dark/up-background.png deleted file mode 100644 index 274a8b13..00000000 Binary files a/src/assets/gtk-2.0/assets-dark/up-background.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue.svg b/src/assets/gtk-2.0/assets-light-blue.svg deleted file mode 100644 index f88a54f5..00000000 --- a/src/assets/gtk-2.0/assets-light-blue.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png deleted file mode 100644 index 77bd80fd..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png deleted file mode 100644 index 3ce07573..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png deleted file mode 100644 index 2a13ee08..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 21675c00..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png deleted file mode 100644 index 79267720..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png deleted file mode 100644 index 0ad51371..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png deleted file mode 100644 index ee4d13a1..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png deleted file mode 100644 index 8328614c..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png deleted file mode 100644 index db245128..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png deleted file mode 100644 index adfbb020..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png deleted file mode 100644 index 6594c488..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png deleted file mode 100644 index 5f7031f6..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png deleted file mode 100644 index 32426917..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png deleted file mode 100644 index 2e18f517..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png deleted file mode 100644 index 061225a3..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/progressbar.png b/src/assets/gtk-2.0/assets-light-blue/progressbar.png deleted file mode 100644 index 04c8589e..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png b/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png deleted file mode 100644 index 94da73b9..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/radio-checked.png b/src/assets/gtk-2.0/assets-light-blue/radio-checked.png deleted file mode 100644 index 7cb80e6d..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png deleted file mode 100644 index 29ed877b..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png deleted file mode 100644 index 6cc11c1e..00000000 Binary files a/src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green.svg b/src/assets/gtk-2.0/assets-light-green.svg deleted file mode 100644 index abbc183a..00000000 --- a/src/assets/gtk-2.0/assets-light-green.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png deleted file mode 100644 index 355ebecf..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png deleted file mode 100644 index aff4501d..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png deleted file mode 100644 index 3288ae90..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 32f7e344..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png deleted file mode 100644 index f51eaa74..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png deleted file mode 100644 index 64b825f4..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png deleted file mode 100644 index bc9f8165..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png deleted file mode 100644 index 0b33c476..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png deleted file mode 100644 index e6d4e45c..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png deleted file mode 100644 index 217ebfcf..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png deleted file mode 100644 index f1af1054..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png deleted file mode 100644 index 47759ca7..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png deleted file mode 100644 index 4f6283c1..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png deleted file mode 100644 index 2a9c87c0..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png deleted file mode 100644 index e1675afe..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/progressbar.png b/src/assets/gtk-2.0/assets-light-green/progressbar.png deleted file mode 100644 index b84838a5..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/progressbar_v.png b/src/assets/gtk-2.0/assets-light-green/progressbar_v.png deleted file mode 100644 index dacd2089..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/radio-checked.png b/src/assets/gtk-2.0/assets-light-green/radio-checked.png deleted file mode 100644 index b3eceb53..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png deleted file mode 100644 index af04e887..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png deleted file mode 100644 index 14f9de96..00000000 Binary files a/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey.svg b/src/assets/gtk-2.0/assets-light-grey.svg deleted file mode 100644 index 2b90cc47..00000000 --- a/src/assets/gtk-2.0/assets-light-grey.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png deleted file mode 100644 index 9a9a592b..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png deleted file mode 100644 index 7c2d1be6..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png deleted file mode 100644 index f00339d4..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 2c0afc3b..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png deleted file mode 100644 index 39b63c5c..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png deleted file mode 100644 index 3f943c23..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png deleted file mode 100644 index ad567e88..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png deleted file mode 100644 index bc903f60..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png deleted file mode 100644 index 97447d95..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png deleted file mode 100644 index fe46ab7d..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png deleted file mode 100644 index 14cebc89..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png deleted file mode 100644 index 63b012c7..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png deleted file mode 100644 index 8d03ba24..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png deleted file mode 100644 index 40728e51..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png deleted file mode 100644 index 3dbf49e1..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/progressbar.png b/src/assets/gtk-2.0/assets-light-grey/progressbar.png deleted file mode 100644 index 2cd0bef6..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/progressbar_v.png b/src/assets/gtk-2.0/assets-light-grey/progressbar_v.png deleted file mode 100644 index 98a0278d..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/radio-checked.png b/src/assets/gtk-2.0/assets-light-grey/radio-checked.png deleted file mode 100644 index 8bc0d2ca..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png deleted file mode 100644 index fbcdc624..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png deleted file mode 100644 index a8539063..00000000 Binary files a/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange.svg b/src/assets/gtk-2.0/assets-light-orange.svg deleted file mode 100644 index 5642c910..00000000 --- a/src/assets/gtk-2.0/assets-light-orange.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png deleted file mode 100644 index 2aa62d51..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png deleted file mode 100644 index 78a921de..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png deleted file mode 100644 index dac4fcb4..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 7b7fab40..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png deleted file mode 100644 index 3c7318ca..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png deleted file mode 100644 index fa0a3831..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png deleted file mode 100644 index 1f8aed26..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png deleted file mode 100644 index 57024789..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png deleted file mode 100644 index 5455fdfe..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png deleted file mode 100644 index 22ea5cd9..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png deleted file mode 100644 index 83036dba..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png deleted file mode 100644 index a4a1bf81..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png deleted file mode 100644 index 63d416d5..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png deleted file mode 100644 index 8998f2c6..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png deleted file mode 100644 index 751ca5bf..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/progressbar.png b/src/assets/gtk-2.0/assets-light-orange/progressbar.png deleted file mode 100644 index dadbe161..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png b/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png deleted file mode 100644 index c8bd9365..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/radio-checked.png b/src/assets/gtk-2.0/assets-light-orange/radio-checked.png deleted file mode 100644 index 718b6659..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png deleted file mode 100644 index 105942a3..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png deleted file mode 100644 index 2e47298a..00000000 Binary files a/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink.svg b/src/assets/gtk-2.0/assets-light-pink.svg deleted file mode 100644 index aa5a6708..00000000 --- a/src/assets/gtk-2.0/assets-light-pink.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png deleted file mode 100644 index 403839d2..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png deleted file mode 100644 index 8070acfc..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png deleted file mode 100644 index 4265e3f1..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 6ebd681c..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png deleted file mode 100644 index 09b371ce..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png deleted file mode 100644 index 0b919798..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png deleted file mode 100644 index 84a76013..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png deleted file mode 100644 index fccc3748..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png deleted file mode 100644 index a4532124..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png deleted file mode 100644 index b3d87223..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png deleted file mode 100644 index 324cd199..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png deleted file mode 100644 index 085e40ca..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png deleted file mode 100644 index 0d8cb552..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png deleted file mode 100644 index 098e8da9..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png deleted file mode 100644 index 1e8864dc..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/progressbar.png b/src/assets/gtk-2.0/assets-light-pink/progressbar.png deleted file mode 100644 index b36ce5a2..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png b/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png deleted file mode 100644 index 16777f50..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/radio-checked.png b/src/assets/gtk-2.0/assets-light-pink/radio-checked.png deleted file mode 100644 index 6a96946d..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png deleted file mode 100644 index cdf6c0b0..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png deleted file mode 100644 index 0ee7d674..00000000 Binary files a/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple.svg b/src/assets/gtk-2.0/assets-light-purple.svg deleted file mode 100644 index fab05cbb..00000000 --- a/src/assets/gtk-2.0/assets-light-purple.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png deleted file mode 100644 index 1f8c97fa..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png deleted file mode 100644 index 86fab028..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png deleted file mode 100644 index f69bd1b2..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 15d14b49..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png deleted file mode 100644 index a54510a4..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png deleted file mode 100644 index 790a354f..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png deleted file mode 100644 index 5e96e56c..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png deleted file mode 100644 index ea74956b..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png deleted file mode 100644 index 5f749543..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png deleted file mode 100644 index 830f58e2..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png deleted file mode 100644 index 71061d71..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png deleted file mode 100644 index 6f9069c5..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png deleted file mode 100644 index c8d10346..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png deleted file mode 100644 index 4868959f..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png deleted file mode 100644 index 0a82c216..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/progressbar.png b/src/assets/gtk-2.0/assets-light-purple/progressbar.png deleted file mode 100644 index f22226d6..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png b/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png deleted file mode 100644 index 7509f847..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/radio-checked.png b/src/assets/gtk-2.0/assets-light-purple/radio-checked.png deleted file mode 100644 index a1028eda..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png deleted file mode 100644 index 586dd438..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png deleted file mode 100644 index eb9cdc4e..00000000 Binary files a/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red.svg b/src/assets/gtk-2.0/assets-light-red.svg deleted file mode 100644 index e2dddfe3..00000000 --- a/src/assets/gtk-2.0/assets-light-red.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png deleted file mode 100644 index 81c81166..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png deleted file mode 100644 index 2eb79894..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png deleted file mode 100644 index f3b4033e..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 24014f88..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png deleted file mode 100644 index 6a0df749..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png deleted file mode 100644 index 3cc704ae..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png deleted file mode 100644 index 79980e80..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png deleted file mode 100644 index a823ceeb..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png deleted file mode 100644 index 97fbfd0f..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png deleted file mode 100644 index 3798a771..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png deleted file mode 100644 index 9f700ab4..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png deleted file mode 100644 index 333063fd..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png deleted file mode 100644 index 19868997..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png deleted file mode 100644 index 7d753f85..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png deleted file mode 100644 index eea48e73..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/progressbar.png b/src/assets/gtk-2.0/assets-light-red/progressbar.png deleted file mode 100644 index 9e8611a1..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/progressbar_v.png b/src/assets/gtk-2.0/assets-light-red/progressbar_v.png deleted file mode 100644 index ba108c7a..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/radio-checked.png b/src/assets/gtk-2.0/assets-light-red/radio-checked.png deleted file mode 100644 index 385b7dbf..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png deleted file mode 100644 index 63fa5533..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png deleted file mode 100644 index 2514e66a..00000000 Binary files a/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow.svg b/src/assets/gtk-2.0/assets-light-yellow.svg deleted file mode 100644 index cd15b468..00000000 --- a/src/assets/gtk-2.0/assets-light-yellow.svg +++ /dev/null @@ -1,208 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png deleted file mode 100644 index b4c102f3..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png deleted file mode 100644 index 01c367c0..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png deleted file mode 100644 index e99aa2b0..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index f18d6d2a..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png deleted file mode 100644 index 1c3eff2b..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png deleted file mode 100644 index 3ac7f58c..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png deleted file mode 100644 index 5ee8aba7..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png deleted file mode 100644 index 7f272ba7..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png deleted file mode 100644 index a69d7283..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png deleted file mode 100644 index 1f6c3cbe..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png deleted file mode 100644 index 053dfc32..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png deleted file mode 100644 index 29b13245..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png deleted file mode 100644 index 69c05ce7..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png deleted file mode 100644 index 36d0171b..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png deleted file mode 100644 index b5c42d78..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/progressbar.png b/src/assets/gtk-2.0/assets-light-yellow/progressbar.png deleted file mode 100644 index 6037e654..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png b/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png deleted file mode 100644 index e43fe0fd..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png b/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png deleted file mode 100644 index 398bcfe5..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png deleted file mode 100644 index 12e6a3e1..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png deleted file mode 100644 index 857de454..00000000 Binary files a/src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light.svg b/src/assets/gtk-2.0/assets-light.svg deleted file mode 100644 index 126a965e..00000000 --- a/src/assets/gtk-2.0/assets-light.svg +++ /dev/null @@ -1,918 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-insens.png b/src/assets/gtk-2.0/assets-light/arrow-down-insens.png deleted file mode 100644 index 86889f87..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-down-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-down-prelight.png deleted file mode 100644 index 99de221b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-down-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-small-insens.png b/src/assets/gtk-2.0/assets-light/arrow-down-small-insens.png deleted file mode 100644 index 4b31fbc0..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-down-small-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-small-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-down-small-prelight.png deleted file mode 100644 index f46095c0..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-down-small-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down-small.png b/src/assets/gtk-2.0/assets-light/arrow-down-small.png deleted file mode 100644 index d84a3638..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-down-small.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-down.png b/src/assets/gtk-2.0/assets-light/arrow-down.png deleted file mode 100644 index 89875e53..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-down.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-left-insens.png b/src/assets/gtk-2.0/assets-light/arrow-left-insens.png deleted file mode 100644 index c6194110..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-left-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-left-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-left-prelight.png deleted file mode 100644 index 4ef41708..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-left-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-left.png b/src/assets/gtk-2.0/assets-light/arrow-left.png deleted file mode 100644 index d0d8e49b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-left.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-right-insens.png b/src/assets/gtk-2.0/assets-light/arrow-right-insens.png deleted file mode 100644 index d54702a1..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-right-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-right-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-right-prelight.png deleted file mode 100644 index b5fd7fcc..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-right-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-right.png b/src/assets/gtk-2.0/assets-light/arrow-right.png deleted file mode 100644 index eca31a20..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-right.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-insens.png b/src/assets/gtk-2.0/assets-light/arrow-up-insens.png deleted file mode 100644 index 5cd48cb1..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-up-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-up-prelight.png deleted file mode 100644 index cf7095ff..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-up-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-small-insens.png b/src/assets/gtk-2.0/assets-light/arrow-up-small-insens.png deleted file mode 100644 index 04f4f54b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-up-small-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-small-prelight.png b/src/assets/gtk-2.0/assets-light/arrow-up-small-prelight.png deleted file mode 100644 index 5fef473e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-up-small-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up-small.png b/src/assets/gtk-2.0/assets-light/arrow-up-small.png deleted file mode 100644 index 4f5ea02f..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-up-small.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/arrow-up.png b/src/assets/gtk-2.0/assets-light/arrow-up.png deleted file mode 100644 index bee6fe10..00000000 Binary files a/src/assets/gtk-2.0/assets-light/arrow-up.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/border.png b/src/assets/gtk-2.0/assets-light/border.png deleted file mode 100644 index a2cb96e6..00000000 Binary files a/src/assets/gtk-2.0/assets-light/border.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/button-active-hover.png b/src/assets/gtk-2.0/assets-light/button-active-hover.png deleted file mode 100644 index 2ab9483a..00000000 Binary files a/src/assets/gtk-2.0/assets-light/button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/button-active.png b/src/assets/gtk-2.0/assets-light/button-active.png deleted file mode 100644 index cd78429a..00000000 Binary files a/src/assets/gtk-2.0/assets-light/button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/button-hover.png b/src/assets/gtk-2.0/assets-light/button-hover.png deleted file mode 100644 index f5a965f1..00000000 Binary files a/src/assets/gtk-2.0/assets-light/button-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/button-insensitive.png b/src/assets/gtk-2.0/assets-light/button-insensitive.png deleted file mode 100644 index b2e6b01e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/button-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/button.png b/src/assets/gtk-2.0/assets-light/button.png deleted file mode 100644 index 338aeaa6..00000000 Binary files a/src/assets/gtk-2.0/assets-light/button.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png deleted file mode 100644 index 5aa30a9e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-checked.png b/src/assets/gtk-2.0/assets-light/checkbox-checked.png deleted file mode 100644 index e4d38f67..00000000 Binary files a/src/assets/gtk-2.0/assets-light/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/checkbox-unchecked-insensitive.png deleted file mode 100644 index 3533dc29..00000000 Binary files a/src/assets/gtk-2.0/assets-light/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/checkbox-unchecked.png b/src/assets/gtk-2.0/assets-light/checkbox-unchecked.png deleted file mode 100644 index d15b91aa..00000000 Binary files a/src/assets/gtk-2.0/assets-light/checkbox-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-border-focus-rtl.png deleted file mode 100644 index 4e8bf86d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-border-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light/combo-entry-border-focus.png deleted file mode 100644 index 3924dbf7..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-border-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-border-rtl.png deleted file mode 100644 index ba6915b4..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-border-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-border.png b/src/assets/gtk-2.0/assets-light/combo-entry-border.png deleted file mode 100644 index 4d365516..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-border.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-active-rtl.png deleted file mode 100644 index 0d1a761b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-button-active-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-active.png deleted file mode 100644 index 7d316d08..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive-rtl.png deleted file mode 100644 index 392c60d9..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive.png deleted file mode 100644 index d5f4bca0..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-button-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-button-rtl.png deleted file mode 100644 index 59e22d99..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-button-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-button.png b/src/assets/gtk-2.0/assets-light/combo-entry-button.png deleted file mode 100644 index 18d17607..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-button.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook-rtl.png deleted file mode 100644 index 340be413..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook.png deleted file mode 100644 index dccd0b05..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-focus-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus-rtl.png deleted file mode 100644 index 3570a7d9..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-focus-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light/combo-entry-focus.png deleted file mode 100644 index fb52e399..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-focus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook-rtl.png deleted file mode 100644 index 75096e77..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook.png deleted file mode 100644 index 4e1676fd..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-rtl.png deleted file mode 100644 index d52de414..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive.png b/src/assets/gtk-2.0/assets-light/combo-entry-insensitive.png deleted file mode 100644 index d35acb15..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-notebook-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-notebook-rtl.png deleted file mode 100644 index 5e016321..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-notebook-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-notebook.png b/src/assets/gtk-2.0/assets-light/combo-entry-notebook.png deleted file mode 100644 index 7e948808..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry-rtl.png b/src/assets/gtk-2.0/assets-light/combo-entry-rtl.png deleted file mode 100644 index 0186e0d9..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/combo-entry.png b/src/assets/gtk-2.0/assets-light/combo-entry.png deleted file mode 100644 index 8ff7f8ca..00000000 Binary files a/src/assets/gtk-2.0/assets-light/combo-entry.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/down-background-disable-rtl.png b/src/assets/gtk-2.0/assets-light/down-background-disable-rtl.png deleted file mode 100644 index 46be4fec..00000000 Binary files a/src/assets/gtk-2.0/assets-light/down-background-disable-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/down-background-disable.png b/src/assets/gtk-2.0/assets-light/down-background-disable.png deleted file mode 100644 index c33581a9..00000000 Binary files a/src/assets/gtk-2.0/assets-light/down-background-disable.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/down-background-rtl.png b/src/assets/gtk-2.0/assets-light/down-background-rtl.png deleted file mode 100644 index 35db0cab..00000000 Binary files a/src/assets/gtk-2.0/assets-light/down-background-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/down-background.png b/src/assets/gtk-2.0/assets-light/down-background.png deleted file mode 100644 index 4501ea6b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/down-background.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-active-bg.png b/src/assets/gtk-2.0/assets-light/entry-active-bg.png deleted file mode 100644 index a5a3b1af..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light/entry-active-notebook.png deleted file mode 100644 index 11cfe075..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-active-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light/entry-active-toolbar.png deleted file mode 100644 index 54edca96..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-active-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-background-disabled.png b/src/assets/gtk-2.0/assets-light/entry-background-disabled.png deleted file mode 100644 index 357e9830..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-background-disabled.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-background.png b/src/assets/gtk-2.0/assets-light/entry-background.png deleted file mode 100644 index 71dbaf82..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-background.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-bg.png b/src/assets/gtk-2.0/assets-light/entry-bg.png deleted file mode 100644 index 893c2df4..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light/entry-border-active-bg.png deleted file mode 100644 index 08e0f90c..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-border-active-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-border-bg.png b/src/assets/gtk-2.0/assets-light/entry-border-bg.png deleted file mode 100644 index 062881bd..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-border-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-disabled-bg.png b/src/assets/gtk-2.0/assets-light/entry-disabled-bg.png deleted file mode 100644 index 7a79f714..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-disabled-bg.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-disabled-notebook.png b/src/assets/gtk-2.0/assets-light/entry-disabled-notebook.png deleted file mode 100644 index 8dc9263d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-disabled-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-disabled-toolbar.png b/src/assets/gtk-2.0/assets-light/entry-disabled-toolbar.png deleted file mode 100644 index 73cf703c..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-disabled-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-notebook.png b/src/assets/gtk-2.0/assets-light/entry-notebook.png deleted file mode 100644 index e6c0ae5e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/entry-toolbar.png b/src/assets/gtk-2.0/assets-light/entry-toolbar.png deleted file mode 100644 index 8c27cd78..00000000 Binary files a/src/assets/gtk-2.0/assets-light/entry-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/focus-line.png b/src/assets/gtk-2.0/assets-light/focus-line.png deleted file mode 100644 index f4adcf6d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/focus-line.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/frame-gap-end.png b/src/assets/gtk-2.0/assets-light/frame-gap-end.png deleted file mode 100644 index f8a7d7e8..00000000 Binary files a/src/assets/gtk-2.0/assets-light/frame-gap-end.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/frame-gap-start.png b/src/assets/gtk-2.0/assets-light/frame-gap-start.png deleted file mode 100644 index 0f5d4bf6..00000000 Binary files a/src/assets/gtk-2.0/assets-light/frame-gap-start.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/frame.png b/src/assets/gtk-2.0/assets-light/frame.png deleted file mode 100644 index 01f21999..00000000 Binary files a/src/assets/gtk-2.0/assets-light/frame.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/handle-h.png b/src/assets/gtk-2.0/assets-light/handle-h.png deleted file mode 100644 index ad837b54..00000000 Binary files a/src/assets/gtk-2.0/assets-light/handle-h.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/handle-v.png b/src/assets/gtk-2.0/assets-light/handle-v.png deleted file mode 100644 index 811b924f..00000000 Binary files a/src/assets/gtk-2.0/assets-light/handle-v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/inline-toolbar.png b/src/assets/gtk-2.0/assets-light/inline-toolbar.png deleted file mode 100644 index 0c1f5709..00000000 Binary files a/src/assets/gtk-2.0/assets-light/inline-toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/line-h.png b/src/assets/gtk-2.0/assets-light/line-h.png deleted file mode 100644 index 5bc0a183..00000000 Binary files a/src/assets/gtk-2.0/assets-light/line-h.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/line-v.png b/src/assets/gtk-2.0/assets-light/line-v.png deleted file mode 100644 index 0682ffeb..00000000 Binary files a/src/assets/gtk-2.0/assets-light/line-v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-arrow-prelight.png b/src/assets/gtk-2.0/assets-light/menu-arrow-prelight.png deleted file mode 100644 index 069e0c30..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-arrow-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-arrow.png b/src/assets/gtk-2.0/assets-light/menu-arrow.png deleted file mode 100644 index 8c567bb2..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-arrow.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png deleted file mode 100644 index 7fdd59e8..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked.png deleted file mode 100644 index 67fba56c..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked-insensitive.png deleted file mode 100644 index 8dc410fc..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked.png deleted file mode 100644 index 73ffb1da..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-checkbox-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png deleted file mode 100644 index 8fb2a17e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light/menu-radio-checked.png deleted file mode 100644 index dfd795d7..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-radio-unchecked-insensitive.png deleted file mode 100644 index 93b1e533..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-radio-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-unchecked.png b/src/assets/gtk-2.0/assets-light/menu-radio-unchecked.png deleted file mode 100644 index 2d16be0d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-radio-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menu-separator.png b/src/assets/gtk-2.0/assets-light/menu-separator.png deleted file mode 100644 index c867da70..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menu-separator.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menubar.png b/src/assets/gtk-2.0/assets-light/menubar.png deleted file mode 100644 index 6f8f9e0f..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menubar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menubar_button.png b/src/assets/gtk-2.0/assets-light/menubar_button.png deleted file mode 100644 index e5bd976e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menubar_button.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/menuitem.png b/src/assets/gtk-2.0/assets-light/menuitem.png deleted file mode 100644 index c554a49b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/menuitem.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/minus.png b/src/assets/gtk-2.0/assets-light/minus.png deleted file mode 100644 index 42c0e864..00000000 Binary files a/src/assets/gtk-2.0/assets-light/minus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/notebook-gap-horiz.png b/src/assets/gtk-2.0/assets-light/notebook-gap-horiz.png deleted file mode 100644 index fca0b2bd..00000000 Binary files a/src/assets/gtk-2.0/assets-light/notebook-gap-horiz.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/notebook-gap-vert.png b/src/assets/gtk-2.0/assets-light/notebook-gap-vert.png deleted file mode 100644 index 87b53ff7..00000000 Binary files a/src/assets/gtk-2.0/assets-light/notebook-gap-vert.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/notebook.png b/src/assets/gtk-2.0/assets-light/notebook.png deleted file mode 100644 index 17673af5..00000000 Binary files a/src/assets/gtk-2.0/assets-light/notebook.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/null.png b/src/assets/gtk-2.0/assets-light/null.png deleted file mode 100644 index bd8bef40..00000000 Binary files a/src/assets/gtk-2.0/assets-light/null.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light/pathbar_button_active.png deleted file mode 100644 index ac012c02..00000000 Binary files a/src/assets/gtk-2.0/assets-light/pathbar_button_active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light/pathbar_button_prelight.png deleted file mode 100644 index 91a6d18e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/pathbar_button_prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/plus.png b/src/assets/gtk-2.0/assets-light/plus.png deleted file mode 100644 index ba713420..00000000 Binary files a/src/assets/gtk-2.0/assets-light/plus.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/progressbar.png b/src/assets/gtk-2.0/assets-light/progressbar.png deleted file mode 100644 index 0091cf97..00000000 Binary files a/src/assets/gtk-2.0/assets-light/progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/progressbar_v.png b/src/assets/gtk-2.0/assets-light/progressbar_v.png deleted file mode 100644 index 9676c1bd..00000000 Binary files a/src/assets/gtk-2.0/assets-light/progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png deleted file mode 100644 index ac69f14e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/radio-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/radio-checked.png b/src/assets/gtk-2.0/assets-light/radio-checked.png deleted file mode 100644 index ae683213..00000000 Binary files a/src/assets/gtk-2.0/assets-light/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/radio-unchecked-insensitive.png b/src/assets/gtk-2.0/assets-light/radio-unchecked-insensitive.png deleted file mode 100644 index f6a91ab2..00000000 Binary files a/src/assets/gtk-2.0/assets-light/radio-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/radio-unchecked.png b/src/assets/gtk-2.0/assets-light/radio-unchecked.png deleted file mode 100644 index cd8758b3..00000000 Binary files a/src/assets/gtk-2.0/assets-light/radio-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz-active.png b/src/assets/gtk-2.0/assets-light/slider-horiz-active.png deleted file mode 100644 index 3ced0c09..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-horiz-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz-insens.png b/src/assets/gtk-2.0/assets-light/slider-horiz-insens.png deleted file mode 100644 index c46b7dbe..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-horiz-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz-prelight.png b/src/assets/gtk-2.0/assets-light/slider-horiz-prelight.png deleted file mode 100644 index 084b73b8..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-horiz-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-horiz.png b/src/assets/gtk-2.0/assets-light/slider-horiz.png deleted file mode 100644 index 6d948fd5..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-horiz.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-insensitive.png b/src/assets/gtk-2.0/assets-light/slider-insensitive.png deleted file mode 100644 index 2562f9a1..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-prelight.png b/src/assets/gtk-2.0/assets-light/slider-prelight.png deleted file mode 100644 index e617dc1a..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert-active.png b/src/assets/gtk-2.0/assets-light/slider-vert-active.png deleted file mode 100644 index 9ebfab00..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-vert-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert-insens.png b/src/assets/gtk-2.0/assets-light/slider-vert-insens.png deleted file mode 100644 index bf78a038..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-vert-insens.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert-prelight.png b/src/assets/gtk-2.0/assets-light/slider-vert-prelight.png deleted file mode 100644 index e6e073a6..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-vert-prelight.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider-vert.png b/src/assets/gtk-2.0/assets-light/slider-vert.png deleted file mode 100644 index 25f81140..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider-vert.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/slider.png b/src/assets/gtk-2.0/assets-light/slider.png deleted file mode 100644 index c7d1253d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/slider.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/tab-bottom-active.png b/src/assets/gtk-2.0/assets-light/tab-bottom-active.png deleted file mode 100644 index 12d258b7..00000000 Binary files a/src/assets/gtk-2.0/assets-light/tab-bottom-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/tab-left-active.png b/src/assets/gtk-2.0/assets-light/tab-left-active.png deleted file mode 100644 index b76d01cf..00000000 Binary files a/src/assets/gtk-2.0/assets-light/tab-left-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/tab-right-active.png b/src/assets/gtk-2.0/assets-light/tab-right-active.png deleted file mode 100644 index 9bff4425..00000000 Binary files a/src/assets/gtk-2.0/assets-light/tab-right-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/tab-top-active.png b/src/assets/gtk-2.0/assets-light/tab-top-active.png deleted file mode 100644 index b11eee50..00000000 Binary files a/src/assets/gtk-2.0/assets-light/tab-top-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/toolbar-button-active-hover.png b/src/assets/gtk-2.0/assets-light/toolbar-button-active-hover.png deleted file mode 100644 index 2ab9483a..00000000 Binary files a/src/assets/gtk-2.0/assets-light/toolbar-button-active-hover.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/toolbar-button-active.png b/src/assets/gtk-2.0/assets-light/toolbar-button-active.png deleted file mode 100644 index cd78429a..00000000 Binary files a/src/assets/gtk-2.0/assets-light/toolbar-button-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/toolbar.png b/src/assets/gtk-2.0/assets-light/toolbar.png deleted file mode 100644 index 946656be..00000000 Binary files a/src/assets/gtk-2.0/assets-light/toolbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/tree_header.png b/src/assets/gtk-2.0/assets-light/tree_header.png deleted file mode 100644 index 6b3fab9a..00000000 Binary files a/src/assets/gtk-2.0/assets-light/tree_header.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light/trough-horizontal-active.png deleted file mode 100644 index 5734fe0e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-horizontal-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-horizontal.png b/src/assets/gtk-2.0/assets-light/trough-horizontal.png deleted file mode 100644 index aa88402e..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-horizontal.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-progressbar.png b/src/assets/gtk-2.0/assets-light/trough-progressbar.png deleted file mode 100644 index 77cdf683..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-progressbar.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-progressbar_v.png b/src/assets/gtk-2.0/assets-light/trough-progressbar_v.png deleted file mode 100644 index 4b35441d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-progressbar_v.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-scrollbar-horiz.png b/src/assets/gtk-2.0/assets-light/trough-scrollbar-horiz.png deleted file mode 100644 index 8eac3e7b..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-scrollbar-horiz.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-scrollbar-vert.png b/src/assets/gtk-2.0/assets-light/trough-scrollbar-vert.png deleted file mode 100644 index 15f9fde4..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-scrollbar-vert.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light/trough-vertical-active.png deleted file mode 100644 index 09bfef4c..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-vertical-active.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/trough-vertical.png b/src/assets/gtk-2.0/assets-light/trough-vertical.png deleted file mode 100644 index 85d1973d..00000000 Binary files a/src/assets/gtk-2.0/assets-light/trough-vertical.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/up-background-disable-rtl.png b/src/assets/gtk-2.0/assets-light/up-background-disable-rtl.png deleted file mode 100644 index 14ba4e48..00000000 Binary files a/src/assets/gtk-2.0/assets-light/up-background-disable-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/up-background-disable.png b/src/assets/gtk-2.0/assets-light/up-background-disable.png deleted file mode 100644 index b7696404..00000000 Binary files a/src/assets/gtk-2.0/assets-light/up-background-disable.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/up-background-rtl.png b/src/assets/gtk-2.0/assets-light/up-background-rtl.png deleted file mode 100644 index c4904f16..00000000 Binary files a/src/assets/gtk-2.0/assets-light/up-background-rtl.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets-light/up-background.png b/src/assets/gtk-2.0/assets-light/up-background.png deleted file mode 100644 index 64dd28d9..00000000 Binary files a/src/assets/gtk-2.0/assets-light/up-background.png and /dev/null differ diff --git a/src/assets/gtk-2.0/assets.txt b/src/assets/gtk-2.0/assets.txt deleted file mode 100644 index 94bfb51d..00000000 --- a/src/assets/gtk-2.0/assets.txt +++ /dev/null @@ -1,135 +0,0 @@ -arrow-down -arrow-down-insens -arrow-down-prelight -arrow-left -arrow-left-insens -arrow-left-prelight -arrow-right -arrow-right-insens -arrow-right-prelight -arrow-up -arrow-up-insens -arrow-up-prelight -arrow-down-small -arrow-down-small-insens -arrow-down-small-prelight -arrow-up-small -arrow-up-small-insens -arrow-up-small-prelight -menu-arrow -menu-arrow-prelight -menu-separator -border -button -button-hover -button-active -button-active-hover -toolbar-button-active -toolbar-button-active-hover -button-insensitive -checkbox-checked -checkbox-checked-insensitive -checkbox-unchecked -checkbox-unchecked-insensitive -radio-checked -radio-checked-insensitive -radio-unchecked -radio-unchecked-insensitive -menu-checkbox-checked -menu-checkbox-checked-insensitive -menu-checkbox-unchecked -menu-checkbox-unchecked-insensitive -menu-radio-checked -menu-radio-checked-insensitive -menu-radio-unchecked -menu-radio-unchecked-insensitive -entry-background -entry-background-disabled -entry-border-bg -entry-border-active-bg -entry-bg -entry-active-bg -entry-disabled-bg -entry-notebook -entry-active-notebook -entry-disabled-notebook -entry-toolbar -entry-active-toolbar -entry-disabled-toolbar -combo-entry -combo-entry-border -combo-entry-focus -combo-entry-border-focus -combo-entry-insensitive -combo-entry-notebook -combo-entry-focus-notebook -combo-entry-insensitive-notebook -combo-entry-rtl -combo-entry-border-rtl -combo-entry-focus-rtl -combo-entry-border-focus-rtl -combo-entry-insensitive-rtl -combo-entry-notebook-rtl -combo-entry-focus-notebook-rtl -combo-entry-insensitive-notebook-rtl -combo-entry-button -combo-entry-button-insensitive -combo-entry-button-active -combo-entry-button-rtl -combo-entry-button-insensitive-rtl -combo-entry-button-active-rtl -down-background -up-background -down-background-disable -up-background-disable -down-background-rtl -up-background-rtl -down-background-disable-rtl -up-background-disable-rtl -plus -minus -handle-h -handle-v -line-h -line-v -menuitem -menubar_button -null -tree_header -progressbar -progressbar_v -trough-progressbar -trough-progressbar_v -slider -slider-insensitive -slider-prelight -trough-horizontal -trough-vertical -trough-horizontal-active -trough-vertical-active -slider-horiz -slider-horiz-active -slider-horiz-insens -slider-horiz-prelight -slider-vert -slider-vert-active -slider-vert-insens -slider-vert-prelight -trough-scrollbar-horiz -trough-scrollbar-vert -frame -frame-gap-end -frame-gap-start -notebook -notebook-gap-horiz -notebook-gap-vert -tab-bottom-active -tab-top-active -tab-left-active -tab-right-active -inline-toolbar -toolbar -menubar -focus-line -pathbar_button_active -pathbar_button_prelight diff --git a/src/assets/gtk-2.0/render-assets.sh b/src/assets/gtk-2.0/render-assets.sh deleted file mode 100755 index 0649bc1e..00000000 --- a/src/assets/gtk-2.0/render-assets.sh +++ /dev/null @@ -1,47 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -INDEX="assets.txt" -INDEX_T="theme_assets.txt" - -for color in '-light' '-dark'; do - for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do - ASSETS_DIR="assets${color}${theme}" - SRC_FILE="assets${color}${theme}.svg" - - [[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR - mkdir -p $ASSETS_DIR - - if [[ ${theme} == '' ]]; then - 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-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png - fi - done - else - for i in `cat $INDEX_T`; 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-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png - fi - done - fi - done -done - -exit 0 diff --git a/src/assets/gtk-2.0/theme_assets.txt b/src/assets/gtk-2.0/theme_assets.txt deleted file mode 100644 index d5a65a92..00000000 --- a/src/assets/gtk-2.0/theme_assets.txt +++ /dev/null @@ -1,24 +0,0 @@ -button-active -button-active-hover -checkbox-checked -radio-checked -menu-checkbox-checked -menu-radio-checked -entry-border-active-bg -entry-active-bg -entry-active-notebook -entry-active-toolbar -combo-entry-focus -combo-entry-border-focus -combo-entry-focus-notebook -combo-entry-focus-rtl -combo-entry-border-focus-rtl -combo-entry-focus-notebook-rtl -combo-entry-button-active -combo-entry-button-active-rtl -progressbar -progressbar_v -trough-horizontal-active -trough-vertical-active -pathbar_button_active -pathbar_button_prelight diff --git a/src/assets/gtk-3.0/common-assets/assets-blue.svg b/src/assets/gtk-3.0/common-assets/assets-blue.svg deleted file mode 100644 index d2de6ef8..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-blue.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png deleted file mode 100644 index 14e98df8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png deleted file mode 100644 index ac3dad85..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index ef496e58..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index 857ec787..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png deleted file mode 100644 index 460c5cb3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 4e2eff1f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png deleted file mode 100644 index f975033e..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png deleted file mode 100644 index c6fb0fde..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png deleted file mode 100644 index d9731e40..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png deleted file mode 100644 index 324132a5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png deleted file mode 100644 index 6c9244d9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png deleted file mode 100644 index 4d746700..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png deleted file mode 100644 index bb4dfb43..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png deleted file mode 100644 index 9620f248..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png deleted file mode 100644 index a14817a0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png deleted file mode 100644 index 12350982..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png deleted file mode 100644 index d3ea03ee..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png deleted file mode 100644 index 9e156bf2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png deleted file mode 100644 index 3fc001ff..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png deleted file mode 100644 index 56ba336d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green.svg b/src/assets/gtk-3.0/common-assets/assets-green.svg deleted file mode 100644 index c347a8a3..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-green.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png deleted file mode 100644 index 48bda5c2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png deleted file mode 100644 index 28f74609..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index 31fea122..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index f96b9bee..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png deleted file mode 100644 index 475c2c01..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 058b880f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png deleted file mode 100644 index f4459a71..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png deleted file mode 100644 index f0c27a59..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png deleted file mode 100644 index 722ae74d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png deleted file mode 100644 index 0267cba5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png deleted file mode 100644 index a98cc998..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png deleted file mode 100644 index cc1d23b6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png deleted file mode 100644 index 9d7f6f81..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png deleted file mode 100644 index 4252c535..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png deleted file mode 100644 index 49a89a66..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png deleted file mode 100644 index c28ed2f7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png deleted file mode 100644 index 5b118107..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png deleted file mode 100644 index a859a21f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png deleted file mode 100644 index fa5905ba..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png deleted file mode 100644 index ab3f7f35..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey.svg b/src/assets/gtk-3.0/common-assets/assets-grey.svg deleted file mode 100644 index 4127964a..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-grey.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png deleted file mode 100644 index 67854e4a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png deleted file mode 100644 index 759323af..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index d3733f43..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index 2d228eb5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png deleted file mode 100644 index 06c2517a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 9a4dc6d7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png deleted file mode 100644 index aea4f97d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png deleted file mode 100644 index 4c0b8a9f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png deleted file mode 100644 index 53ad09b7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png deleted file mode 100644 index 53d47e53..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png deleted file mode 100644 index 4086c72a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png deleted file mode 100644 index abc990ae..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png deleted file mode 100644 index 0d47c654..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png deleted file mode 100644 index bec27c15..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png deleted file mode 100644 index df5c91b7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png deleted file mode 100644 index a863290c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png deleted file mode 100644 index f9000f83..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png deleted file mode 100644 index fcdba03d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png deleted file mode 100644 index 81a65677..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png deleted file mode 100644 index 54850edf..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange.svg b/src/assets/gtk-3.0/common-assets/assets-orange.svg deleted file mode 100644 index 904492a7..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-orange.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png deleted file mode 100644 index 76fee0da..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png deleted file mode 100644 index 550fdd89..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index 1dec546b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index 083341ed..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png deleted file mode 100644 index 7eb991af..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png deleted file mode 100644 index b06daa1b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png deleted file mode 100644 index abfd3741..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png deleted file mode 100644 index 06982161..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png deleted file mode 100644 index e4b9d1ab..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png deleted file mode 100644 index 0a439dc6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png deleted file mode 100644 index 1fec7113..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png deleted file mode 100644 index a41522a1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png deleted file mode 100644 index d915bea6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png deleted file mode 100644 index e8d215f4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png deleted file mode 100644 index db6f62a5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png deleted file mode 100644 index 7ab1ccfa..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png deleted file mode 100644 index e33dcf0c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png deleted file mode 100644 index 2b9bbed2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png deleted file mode 100644 index 69b38405..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png deleted file mode 100644 index ea3f389a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink.svg b/src/assets/gtk-3.0/common-assets/assets-pink.svg deleted file mode 100644 index c84ddb7c..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-pink.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png deleted file mode 100644 index 74c49c17..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png deleted file mode 100644 index c9ba0f35..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index 71051ac4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index 57ea09bc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png deleted file mode 100644 index 0a2007b8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 7be7a896..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png deleted file mode 100644 index 1d063dd1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png deleted file mode 100644 index b846c8eb..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png deleted file mode 100644 index 0323283e..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png deleted file mode 100644 index 78a1fb44..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png deleted file mode 100644 index 9139ff23..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png deleted file mode 100644 index bf8497ea..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png deleted file mode 100644 index d637c37a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png deleted file mode 100644 index 7c84a9f5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png deleted file mode 100644 index 2cbab619..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png deleted file mode 100644 index 3d616823..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png deleted file mode 100644 index 6dbeda9f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png deleted file mode 100644 index 948429d5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png deleted file mode 100644 index 28112fbc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png deleted file mode 100644 index 37af8f09..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple.svg b/src/assets/gtk-3.0/common-assets/assets-purple.svg deleted file mode 100644 index 809982e6..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-purple.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png deleted file mode 100644 index c9dcb0ac..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png deleted file mode 100644 index 5f50cb0a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index 9836cc12..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index dd3cfa6a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png deleted file mode 100644 index 4808fc8c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 45838a7b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png deleted file mode 100644 index a88f91a0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png deleted file mode 100644 index 5cd42e65..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png deleted file mode 100644 index 5a4193f5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png deleted file mode 100644 index c2bb1d38..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png deleted file mode 100644 index 3b92b601..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png deleted file mode 100644 index 21210e51..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png deleted file mode 100644 index ae759a1b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png deleted file mode 100644 index 4cdd7ab5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png deleted file mode 100644 index 063a5619..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png deleted file mode 100644 index 33365ba0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png deleted file mode 100644 index b0f47a62..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png deleted file mode 100644 index 0aabd5f4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png deleted file mode 100644 index 45ceab75..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png deleted file mode 100644 index 563ddf49..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red.svg b/src/assets/gtk-3.0/common-assets/assets-red.svg deleted file mode 100644 index a6d078bd..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-red.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png deleted file mode 100644 index 84e1b3a5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png deleted file mode 100644 index 4d32b2dc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index deda53b9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index 8a017d18..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png deleted file mode 100644 index a9f9ed7a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png deleted file mode 100644 index c8ea8801..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png deleted file mode 100644 index 5e1acc8b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png deleted file mode 100644 index 565a881b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png deleted file mode 100644 index b90045d0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png deleted file mode 100644 index eebde625..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png deleted file mode 100644 index 6db36707..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png deleted file mode 100644 index 43b968d3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png deleted file mode 100644 index e59177bc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png deleted file mode 100644 index 5d354a63..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png deleted file mode 100644 index 5a82ebdc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png deleted file mode 100644 index cd5cd5d3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png deleted file mode 100644 index 33a05fef..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png deleted file mode 100644 index eda0c078..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png deleted file mode 100644 index 6a464bfa..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png deleted file mode 100644 index 3508e3a5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow.svg b/src/assets/gtk-3.0/common-assets/assets-yellow.svg deleted file mode 100644 index 5e1a85e9..00000000 --- a/src/assets/gtk-3.0/common-assets/assets-yellow.svg +++ /dev/null @@ -1,194 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png deleted file mode 100644 index 377b844d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png deleted file mode 100644 index 2f70db2d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index 7959d68a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index ee862a96..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png deleted file mode 100644 index 25da978a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 9519215a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png deleted file mode 100644 index 94769645..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png deleted file mode 100644 index b6d21d1c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png deleted file mode 100644 index b055b9f2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png deleted file mode 100644 index 33f7b568..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png deleted file mode 100644 index e3e80976..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png deleted file mode 100644 index b79ac0fc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png deleted file mode 100644 index 2c9049bc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png deleted file mode 100644 index 2cc3d7d3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png deleted file mode 100644 index ca03b56d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png deleted file mode 100644 index 935057cb..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png deleted file mode 100644 index bc827b80..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png deleted file mode 100644 index b43ccba5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png deleted file mode 100644 index 0614316b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png deleted file mode 100644 index 83ab9d76..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets.svg b/src/assets/gtk-3.0/common-assets/assets.svg deleted file mode 100644 index de12dbca..00000000 --- a/src/assets/gtk-3.0/common-assets/assets.svg +++ /dev/null @@ -1,657 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/assets.txt b/src/assets/gtk-3.0/common-assets/assets.txt deleted file mode 100644 index 1268cb8e..00000000 --- a/src/assets/gtk-3.0/common-assets/assets.txt +++ /dev/null @@ -1,60 +0,0 @@ -checkbox-checked -checkbox-checked-insensitive -checkbox-unchecked -checkbox-unchecked-insensitive -checkbox-mixed -checkbox-mixed-insensitive -radio-checked -radio-checked-insensitive -radio-unchecked -radio-unchecked-insensitive -radio-mixed -radio-mixed-insensitive -checkbox-checked-selected -checkbox-checked-insensitive-selected -checkbox-unchecked-selected -checkbox-unchecked-insensitive-selected -checkbox-mixed-selected -checkbox-mixed-insensitive-selected -checkbox-checked-selectionmode -checkbox-selectionmode -radio-checked-selected -radio-checked-insensitive-selected -radio-unchecked-selected -radio-unchecked-insensitive-selected -radio-mixed-selected -radio-mixed-insensitive-selected -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 -checkbox-checked-dark -checkbox-checked-insensitive-dark -checkbox-unchecked-dark -checkbox-unchecked-insensitive-dark -checkbox-mixed-dark -checkbox-mixed-insensitive-dark -checkbox-checked-selectionmode-dark -checkbox-selectionmode-dark -radio-checked-dark -radio-checked-insensitive-dark -radio-unchecked-dark -radio-unchecked-insensitive-dark -radio-mixed-dark -radio-mixed-insensitive-dark -combobox-arrow -combobox-arrow-dark -paned-separator -paned-separator-dark diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark.png deleted file mode 100644 index 17e09ef7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark@2.png deleted file mode 100644 index 203532fb..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark.png deleted file mode 100644 index 4a3c90b6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark@2.png deleted file mode 100644 index 42693cae..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected.png deleted file mode 100644 index 5761f1e6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected@2.png deleted file mode 100644 index 62671fd6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive.png deleted file mode 100644 index 4e073ccb..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive@2.png deleted file mode 100644 index 4b8edce1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected.png deleted file mode 100644 index 41c410c9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected@2.png deleted file mode 100644 index 2394b695..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark.png deleted file mode 100644 index 3540dd2b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark@2.png deleted file mode 100644 index 935efa62..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode.png deleted file mode 100644 index c236be2a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode@2.png deleted file mode 100644 index 7145ba62..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked.png deleted file mode 100644 index 8c132009..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-checked@2.png deleted file mode 100644 index 8c7b6735..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark.png deleted file mode 100644 index 6b237be2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark@2.png deleted file mode 100644 index ff07e320..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark.png deleted file mode 100644 index c18edef7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark@2.png deleted file mode 100644 index 561b8d37..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected.png deleted file mode 100644 index aa75edaf..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected@2.png deleted file mode 100644 index 89a61304..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 75ce2e49..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive@2.png deleted file mode 100644 index 86435333..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected.png deleted file mode 100644 index 2abb6e30..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected@2.png deleted file mode 100644 index 1123f4b6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed.png deleted file mode 100644 index 9b375bc9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed@2.png deleted file mode 100644 index b2ee148c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark.png deleted file mode 100644 index a212b091..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark@2.png deleted file mode 100644 index fd5a401a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode.png deleted file mode 100644 index 05a5473a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode@2.png deleted file mode 100644 index 81eb909d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-selectionmode@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark.png deleted file mode 100644 index 5b47fd14..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark@2.png deleted file mode 100644 index 79afe4c0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark.png deleted file mode 100644 index 919cbb77..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark@2.png deleted file mode 100644 index f0a71b67..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected.png deleted file mode 100644 index 557eeefb..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected@2.png deleted file mode 100644 index 1ad2d86b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index 67880e85..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive@2.png deleted file mode 100644 index 481683f2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected.png deleted file mode 100644 index cae35a70..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected@2.png deleted file mode 100644 index 540d5594..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked.png deleted file mode 100644 index 2a384247..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked@2.png b/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked@2.png deleted file mode 100644 index b4677206..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/checkbox-unchecked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark.png deleted file mode 100644 index 959e3ed2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark@2.png deleted file mode 100644 index 4ae7c77f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow.png deleted file mode 100644 index 01b33168..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow@2.png b/src/assets/gtk-3.0/common-assets/assets/combobox-arrow@2.png deleted file mode 100644 index 2d99a9ce..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/combobox-arrow@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png deleted file mode 100644 index 5fc94f4a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png deleted file mode 100644 index 5f753ad4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator.png deleted file mode 100644 index fccc8445..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png b/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png deleted file mode 100644 index 4f5e2c52..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/paned-separator@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark.png deleted file mode 100644 index ea1e206c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark@2.png deleted file mode 100644 index f04dc211..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark.png deleted file mode 100644 index 6257d6ec..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark@2.png deleted file mode 100644 index b79cfab6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected.png deleted file mode 100644 index 6530d059..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected@2.png deleted file mode 100644 index 3795b542..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive.png deleted file mode 100644 index 97476ecf..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive@2.png deleted file mode 100644 index f967704a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected.png deleted file mode 100644 index 958ac1d7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected@2.png deleted file mode 100644 index e47b88d2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked.png deleted file mode 100644 index 408a984d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-checked@2.png deleted file mode 100644 index c414c5c8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-checked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark.png deleted file mode 100644 index c9685abc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark@2.png deleted file mode 100644 index c05f4cd6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark.png deleted file mode 100644 index a601d3f7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark@2.png deleted file mode 100644 index 7807e07f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected.png deleted file mode 100644 index 8e519f55..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected@2.png deleted file mode 100644 index bcc7b929..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive.png deleted file mode 100644 index 07435b7a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive@2.png deleted file mode 100644 index febf51d3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected.png deleted file mode 100644 index d00d856d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected@2.png deleted file mode 100644 index ad708aca..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed.png deleted file mode 100644 index cc3b0cea..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-mixed@2.png deleted file mode 100644 index 61039e06..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-mixed@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark.png deleted file mode 100644 index bc67c1ac..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark@2.png deleted file mode 100644 index aecb7350..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark.png deleted file mode 100644 index 9199e1e7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark@2.png deleted file mode 100644 index dd95d620..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected.png deleted file mode 100644 index 4d662a5c..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected@2.png deleted file mode 100644 index bd2dd1ab..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive.png deleted file mode 100644 index c4062a17..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive@2.png deleted file mode 100644 index a3250272..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected.png deleted file mode 100644 index 261fc5ef..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected@2.png deleted file mode 100644 index b87d2951..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked-selected@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked.png deleted file mode 100644 index 3bb68990..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked@2.png b/src/assets/gtk-3.0/common-assets/assets/radio-unchecked@2.png deleted file mode 100644 index 69f9e416..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/radio-unchecked@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active.png deleted file mode 100644 index 494db636..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active@2.png deleted file mode 100644 index 9dc78afe..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover.png deleted file mode 100644 index 868650f1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover@2.png deleted file mode 100644 index 2eda2c6a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive.png deleted file mode 100644 index 97b995d8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index 59811080..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above.png deleted file mode 100644 index 7e9d4d19..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above@2.png deleted file mode 100644 index 3672b6f0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-above@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active.png deleted file mode 100644 index 5502303f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active@2.png deleted file mode 100644 index 416dd1ff..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover.png deleted file mode 100644 index d8a29e88..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover@2.png deleted file mode 100644 index 3d8fca1d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive.png deleted file mode 100644 index 76e3a863..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive@2.png deleted file mode 100644 index 7987146d..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below.png deleted file mode 100644 index b85a9855..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below@2.png deleted file mode 100644 index b7e02ad7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-horz-scale-has-marks-below@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active.png deleted file mode 100644 index e92c9fe9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active@2.png deleted file mode 100644 index 0885a363..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover.png deleted file mode 100644 index 5812aafc..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover@2.png deleted file mode 100644 index b6e94235..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive.png deleted file mode 100644 index e2d1f05a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive@2.png deleted file mode 100644 index 4ce51eba..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above.png deleted file mode 100644 index 8b5c591e..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above@2.png deleted file mode 100644 index 680c4738..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-above@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active.png deleted file mode 100644 index 410e5b09..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active@2.png deleted file mode 100644 index d377bb8e..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover.png deleted file mode 100644 index 154f1ec5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover@2.png deleted file mode 100644 index 911593c7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive.png deleted file mode 100644 index 70734ab9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive@2.png deleted file mode 100644 index e6e8e2e8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below-insensitive@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below.png deleted file mode 100644 index f957b0b1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below@2.png b/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below@2.png deleted file mode 100644 index 1265f7c4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/assets/slider-vert-scale-has-marks-below@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/render-assets.sh b/src/assets/gtk-3.0/common-assets/render-assets.sh deleted file mode 100755 index 3a0608af..00000000 --- a/src/assets/gtk-3.0/common-assets/render-assets.sh +++ /dev/null @@ -1,69 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -INDEX="assets.txt" -INDEX_T="theme_assets.txt" - -for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do - ASSETS_DIR="assets${theme}" - SRC_FILE="assets${theme}.svg" - - [[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR - mkdir -p $ASSETS_DIR - - if [[ ${theme} == '' ]]; then - 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-filename=$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=192 \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png - fi - done - else - for i in `cat $INDEX_T`; 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-filename=$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=192 \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png - fi - done - fi -done - -exit 0 diff --git a/src/assets/gtk-3.0/common-assets/render-sidebar-assets.sh b/src/assets/gtk-3.0/common-assets/render-sidebar-assets.sh deleted file mode 100755 index 307abcc8..00000000 --- a/src/assets/gtk-3.0/common-assets/render-sidebar-assets.sh +++ /dev/null @@ -1,37 +0,0 @@ -#! /bin/bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="sidebar-assets.svg" -ASSETS_DIR="sidebar-assets" -INDEX="sidebar-assets.txt" - -[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR -mkdir -p $ASSETS_DIR - -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-filename=$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=192 \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png -fi -done -exit 0 diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets.svg b/src/assets/gtk-3.0/common-assets/sidebar-assets.svg deleted file mode 100644 index 4711f91a..00000000 --- a/src/assets/gtk-3.0/common-assets/sidebar-assets.svg +++ /dev/null @@ -1,671 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets.txt b/src/assets/gtk-3.0/common-assets/sidebar-assets.txt deleted file mode 100644 index 328650d8..00000000 --- a/src/assets/gtk-3.0/common-assets/sidebar-assets.txt +++ /dev/null @@ -1,30 +0,0 @@ -sidebar-view-hover-200px -sidebar-view-active-200px -sidebar-view-checked-200px -sidebar-view-hover-200px-dark -sidebar-view-active-200px-dark -sidebar-view-checked-200px-dark -sidebar-view-hover-220px -sidebar-view-active-220px -sidebar-view-checked-220px -sidebar-view-hover-220px-dark -sidebar-view-active-220px-dark -sidebar-view-checked-220px-dark -sidebar-view-hover-240px -sidebar-view-active-240px -sidebar-view-checked-240px -sidebar-view-hover-240px-dark -sidebar-view-active-240px-dark -sidebar-view-checked-240px-dark -sidebar-view-hover-260px -sidebar-view-active-260px -sidebar-view-checked-260px -sidebar-view-hover-260px-dark -sidebar-view-active-260px-dark -sidebar-view-checked-260px-dark -sidebar-view-hover-280px -sidebar-view-active-280px -sidebar-view-checked-280px -sidebar-view-hover-280px-dark -sidebar-view-active-280px-dark -sidebar-view-checked-280px-dark diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark.png deleted file mode 100644 index edd52d97..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark@2.png deleted file mode 100644 index 5796ca80..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px.png deleted file mode 100644 index c20283d0..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px@2.png deleted file mode 100644 index fbb51ac1..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-200px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png deleted file mode 100644 index 8bf13b92..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png deleted file mode 100644 index 94cdb926..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png deleted file mode 100644 index 747f8d96..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png deleted file mode 100644 index 9050fb40..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-220px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png deleted file mode 100644 index a42e43e7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png deleted file mode 100644 index 0f87819f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png deleted file mode 100644 index 725d90e4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png deleted file mode 100644 index 79e95151..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-240px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png deleted file mode 100644 index 478e0b31..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png deleted file mode 100644 index 07857375..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png deleted file mode 100644 index e1fd7990..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png deleted file mode 100644 index 9c2dc4d5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-260px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png deleted file mode 100644 index 4a2883fd..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png deleted file mode 100644 index 29f3b71f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png deleted file mode 100644 index 1b4eba77..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png deleted file mode 100644 index ee09ae4b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-active-280px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark.png deleted file mode 100644 index 348eae70..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark@2.png deleted file mode 100644 index 164f44fa..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px.png deleted file mode 100644 index e37b3971..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px@2.png deleted file mode 100644 index 73e7bacf..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-200px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png deleted file mode 100644 index 673d59a5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png deleted file mode 100644 index 74491894..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png deleted file mode 100644 index d3cb8a41..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png deleted file mode 100644 index d665baf7..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-220px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png deleted file mode 100644 index 8ed0a1f2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png deleted file mode 100644 index dcfc20a4..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png deleted file mode 100644 index d0339b96..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png deleted file mode 100644 index ddaf4146..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-240px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png deleted file mode 100644 index 484f6458..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png deleted file mode 100644 index 8c154c68..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png deleted file mode 100644 index ea09a23b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png deleted file mode 100644 index 96891481..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-260px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png deleted file mode 100644 index b313338f..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png deleted file mode 100644 index a858eb6b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png deleted file mode 100644 index ab4f5cc8..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png deleted file mode 100644 index 28d0b762..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-checked-280px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark.png deleted file mode 100644 index ab77744a..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark@2.png deleted file mode 100644 index abbef5db..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px.png deleted file mode 100644 index d4df15aa..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px@2.png deleted file mode 100644 index 943e7965..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-200px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png deleted file mode 100644 index fac49cf6..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png deleted file mode 100644 index c1c47404..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png deleted file mode 100644 index 8c350134..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png deleted file mode 100644 index 05bfad81..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-220px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png deleted file mode 100644 index 115f1e56..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png deleted file mode 100644 index bec8244b..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png deleted file mode 100644 index 52e24eb9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png deleted file mode 100644 index df1bb8c2..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-240px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png deleted file mode 100644 index aec4b0a3..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png deleted file mode 100644 index f8a7d384..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png deleted file mode 100644 index 7fdfa0ef..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png deleted file mode 100644 index 656af9ac..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-260px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png deleted file mode 100644 index 45c0a9a5..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png deleted file mode 100644 index 316813de..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png deleted file mode 100644 index 23a8b9f9..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png b/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png deleted file mode 100644 index 9a56ed08..00000000 Binary files a/src/assets/gtk-3.0/common-assets/sidebar-assets/sidebar-view-hover-280px@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/common-assets/theme_assets.txt b/src/assets/gtk-3.0/common-assets/theme_assets.txt deleted file mode 100644 index 9f4c2480..00000000 --- a/src/assets/gtk-3.0/common-assets/theme_assets.txt +++ /dev/null @@ -1,10 +0,0 @@ -checkbox-checked -checkbox-mixed -radio-checked -radio-mixed -checkbox-checked-selectionmode -checkbox-checked-dark -checkbox-mixed-dark -radio-checked-dark -radio-mixed-dark -checkbox-checked-selectionmode-dark diff --git a/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh b/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh deleted file mode 100755 index d6aee083..00000000 --- a/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh +++ /dev/null @@ -1,21 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="thumbnail.svg" - -for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do - [[ -f thumbnail-light${theme}.png ]] && rm -rf thumbnail-light${theme}.png - echo Rendering thumbnail-light${theme}.png - - $INKSCAPE --export-id=thumbnail-light${theme} --export-id-only --export-filename=thumbnail-light${theme}.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet thumbnail-light${theme}.png - - [[ -f thumbnail-dark${theme}.png ]] && rm -rf thumbnail-dark${theme}.png - echo Rendering thumbnail-dark${theme}.png - $INKSCAPE --export-id=thumbnail-dark${theme} --export-id-only --export-filename=thumbnail-dark${theme}.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet thumbnail-dark${theme}.png -done - -exit 0 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png deleted file mode 100644 index b435e9a0..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png deleted file mode 100644 index 132d729d..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png deleted file mode 100644 index 697ff1a7..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png deleted file mode 100644 index aea0230e..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png deleted file mode 100644 index 5668dde3..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png deleted file mode 100644 index 897ff3a1..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png deleted file mode 100644 index 2278ad1b..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png deleted file mode 100644 index d386ebcf..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark.png deleted file mode 100644 index 0a217696..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png deleted file mode 100644 index b0569f34..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png deleted file mode 100644 index d9be776d..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png deleted file mode 100644 index 0841c846..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png deleted file mode 100644 index 7ae2ab5c..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png deleted file mode 100644 index 347dfd82..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png deleted file mode 100644 index 59b7faad..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png deleted file mode 100644 index 944e168d..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png deleted file mode 100644 index d04e82a0..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light.png deleted file mode 100644 index 3606470c..00000000 Binary files a/src/assets/gtk-3.0/thumbnails/thumbnail-light.png and /dev/null differ diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail.svg b/src/assets/gtk-3.0/thumbnails/thumbnail.svg deleted file mode 100644 index 3f15ec50..00000000 --- a/src/assets/gtk-3.0/thumbnails/thumbnail.svg +++ /dev/null @@ -1,825 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/windows-assets/assets.txt b/src/assets/gtk-3.0/windows-assets/assets.txt deleted file mode 100644 index a1fc4146..00000000 --- a/src/assets/gtk-3.0/windows-assets/assets.txt +++ /dev/null @@ -1,20 +0,0 @@ -titlebutton-close -titlebutton-close-backdrop -titlebutton-close-backdrop-hover -titlebutton-close-hover -titlebutton-close-active -titlebutton-maximize -titlebutton-maximize-backdrop -titlebutton-maximize-backdrop-hover -titlebutton-maximize-hover -titlebutton-maximize-active -titlebutton-minimize -titlebutton-minimize-backdrop -titlebutton-minimize-backdrop-hover -titlebutton-minimize-hover -titlebutton-minimize-active -titlebutton-restore -titlebutton-restore-backdrop -titlebutton-restore-backdrop-hover -titlebutton-restore-hover -titlebutton-restore-active diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh deleted file mode 100755 index 6fb3f538..00000000 --- a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh +++ /dev/null @@ -1,41 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="windows-assets.svg" -ASSETS_DIR="titlebutton-alt" -INDEX="assets.txt" - -mkdir -p $ASSETS_DIR - -for i in `cat $INDEX` ; do -for d in '' '-dark' ; do - -## alt titlebutton -if [ -f $ASSETS_DIR/$i$d.png ]; then - echo $ASSETS_DIR/$i$d.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d.png - $INKSCAPE --export-id=$i-alt$d \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png -fi - -if [ -f $ASSETS_DIR/$i$d@2.png ]; then - echo $ASSETS_DIR/$i$d@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d@2.png - $INKSCAPE --export-id=$i-alt$d \ - --export-dpi=192 \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png -fi - -done -done -exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh deleted file mode 100755 index 3dae04d6..00000000 --- a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh +++ /dev/null @@ -1,41 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="windows-assets.svg" -ASSETS_DIR="titlebutton-alt-small" -INDEX="assets.txt" - -mkdir -p $ASSETS_DIR - -for i in `cat $INDEX` ; do -for d in '' '-dark' ; do - -## alt small titlebutton -if [ -f $ASSETS_DIR/$i$d.png ]; then - echo $ASSETS_DIR/$i$d.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d.png - $INKSCAPE --export-id=$i-alt-small$d \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png -fi - -if [ -f $ASSETS_DIR/$i$d@2.png ]; then - echo $ASSETS_DIR/$i$d@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d@2.png - $INKSCAPE --export-id=$i-alt-small$d \ - --export-dpi=192 \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png -fi - -done -done -exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/render-assets.sh b/src/assets/gtk-3.0/windows-assets/render-assets.sh deleted file mode 100755 index 1d4febc8..00000000 --- a/src/assets/gtk-3.0/windows-assets/render-assets.sh +++ /dev/null @@ -1,41 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="windows-assets.svg" -ASSETS_DIR="titlebutton" -INDEX="assets.txt" - -mkdir -p $ASSETS_DIR - -for i in `cat $INDEX` ; do -for d in '' '-dark' ; do - -## Normal titlebutton -if [ -f $ASSETS_DIR/$i$d.png ]; then - echo $ASSETS_DIR/$i$d.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d.png - $INKSCAPE --export-id=$i$d \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png -fi - -if [ -f $ASSETS_DIR/$i$d@2.png ]; then - echo $ASSETS_DIR/$i$d@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d@2.png - $INKSCAPE --export-id=$i$d \ - --export-dpi=192 \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png -fi - -done -done -exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh deleted file mode 100755 index a3c17ada..00000000 --- a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh +++ /dev/null @@ -1,41 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="windows-assets.svg" -ASSETS_DIR="titlebutton-small" -INDEX="assets.txt" - -mkdir -p $ASSETS_DIR - -for i in `cat $INDEX` ; do -for d in '' '-dark' ; do - -## small titlebutton -if [ -f $ASSETS_DIR/$i$d.png ]; then - echo $ASSETS_DIR/$i$d.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d.png - $INKSCAPE --export-id=$i-small$d \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d.png -fi - -if [ -f $ASSETS_DIR/$i$d@2.png ]; then - echo $ASSETS_DIR/$i$d@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i$d@2.png - $INKSCAPE --export-id=$i-small$d \ - --export-dpi=192 \ - --export-id-only \ - --export-png=$ASSETS_DIR/$i$d@2.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i$d@2.png -fi - -done -done -exit 0 diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark.png deleted file mode 100644 index 0987d04f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark@2.png deleted file mode 100644 index 0afd0040..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active.png deleted file mode 100644 index bf8b0846..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active@2.png deleted file mode 100644 index 69dd2f40..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark.png deleted file mode 100644 index 64ee391e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark@2.png deleted file mode 100644 index bb785a51..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover.png deleted file mode 100644 index fe133201..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover@2.png deleted file mode 100644 index a16554d8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark.png deleted file mode 100644 index 88764b01..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark@2.png deleted file mode 100644 index 5acd5886..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark.png deleted file mode 100644 index 31172c7e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark@2.png deleted file mode 100644 index 156d3542..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover.png deleted file mode 100644 index 112c27bf..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover@2.png deleted file mode 100644 index 2ebbf269..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close.png deleted file mode 100644 index 98c2cb8c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close@2.png deleted file mode 100644 index 3665969c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-close@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark.png deleted file mode 100644 index 66fc49a4..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark@2.png deleted file mode 100644 index 6ff85b94..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active.png deleted file mode 100644 index 55ef08b2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active@2.png deleted file mode 100644 index 33666951..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark.png deleted file mode 100644 index c3aa9fdf..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark@2.png deleted file mode 100644 index 848a3ad5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover.png deleted file mode 100644 index 5fcc095f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover@2.png deleted file mode 100644 index 1c45ba63..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark.png deleted file mode 100644 index 1b356c6c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark@2.png deleted file mode 100644 index 17305a8d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark.png deleted file mode 100644 index 38349562..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark@2.png deleted file mode 100644 index edc34488..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover.png deleted file mode 100644 index 83478e04..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover@2.png deleted file mode 100644 index 1472dd56..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize.png deleted file mode 100644 index c38ee6cc..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize@2.png deleted file mode 100644 index e10fb82a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-maximize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark.png deleted file mode 100644 index 2216454d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark@2.png deleted file mode 100644 index 6d90f37a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active.png deleted file mode 100644 index c6366b5f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active@2.png deleted file mode 100644 index eef9dc1a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark.png deleted file mode 100644 index 65344ede..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark@2.png deleted file mode 100644 index 177afd97..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover.png deleted file mode 100644 index a9364b68..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover@2.png deleted file mode 100644 index bd180460..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark.png deleted file mode 100644 index b61df406..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark@2.png deleted file mode 100644 index b0e79f4c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark.png deleted file mode 100644 index 606f6c2d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark@2.png deleted file mode 100644 index bff0abca..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover.png deleted file mode 100644 index 595d081c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover@2.png deleted file mode 100644 index e212c92d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize.png deleted file mode 100644 index eedef013..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize@2.png deleted file mode 100644 index ab34d21a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-minimize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark.png deleted file mode 100644 index 66fc49a4..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark@2.png deleted file mode 100644 index 6ff85b94..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active.png deleted file mode 100644 index 55ef08b2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active@2.png deleted file mode 100644 index 33666951..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark.png deleted file mode 100644 index c3aa9fdf..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark@2.png deleted file mode 100644 index 848a3ad5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover.png deleted file mode 100644 index 5fcc095f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover@2.png deleted file mode 100644 index 1c45ba63..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark.png deleted file mode 100644 index 1b356c6c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark@2.png deleted file mode 100644 index 17305a8d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark.png deleted file mode 100644 index 38349562..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark@2.png deleted file mode 100644 index edc34488..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover.png deleted file mode 100644 index 83478e04..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover@2.png deleted file mode 100644 index 1472dd56..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore.png deleted file mode 100644 index c38ee6cc..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore@2.png deleted file mode 100644 index e10fb82a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt-small/titlebutton-restore@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark.png deleted file mode 100644 index 82cd759a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark@2.png deleted file mode 100644 index a6b9b4ff..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active.png deleted file mode 100644 index d696d765..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active@2.png deleted file mode 100644 index ea6017a2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark.png deleted file mode 100644 index 4b6f9e78..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark@2.png deleted file mode 100644 index 367baf7d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover.png deleted file mode 100644 index 51ee998c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover@2.png deleted file mode 100644 index 8a1653ac..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark.png deleted file mode 100644 index 12441383..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark@2.png deleted file mode 100644 index 40eb7bd9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark.png deleted file mode 100644 index b3590d81..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark@2.png deleted file mode 100644 index d234fed5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover.png deleted file mode 100644 index 318c680d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover@2.png deleted file mode 100644 index 485a90d0..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close.png deleted file mode 100644 index 927f2192..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close@2.png deleted file mode 100644 index 29adf8cd..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-close@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark.png deleted file mode 100644 index c40d70c7..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark@2.png deleted file mode 100644 index fb031587..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active.png deleted file mode 100644 index c7b4b802..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active@2.png deleted file mode 100644 index 6c25210b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark.png deleted file mode 100644 index 44ddfbb7..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark@2.png deleted file mode 100644 index f210867f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover.png deleted file mode 100644 index 01727ac5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover@2.png deleted file mode 100644 index c2f3df2a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark.png deleted file mode 100644 index 72eb5b2e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark@2.png deleted file mode 100644 index 3b9aae29..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark.png deleted file mode 100644 index 099a9a63..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark@2.png deleted file mode 100644 index db445201..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover.png deleted file mode 100644 index e9fa0cc8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover@2.png deleted file mode 100644 index 127fab4a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize.png deleted file mode 100644 index 25c35ba1..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize@2.png deleted file mode 100644 index 8e8ceb35..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-maximize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark.png deleted file mode 100644 index fccbd9a8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark@2.png deleted file mode 100644 index c8e64e0a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active.png deleted file mode 100644 index 306eeb57..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active@2.png deleted file mode 100644 index 94601fea..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark.png deleted file mode 100644 index 94f02140..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark@2.png deleted file mode 100644 index b10747e5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover.png deleted file mode 100644 index 7dbcab1e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover@2.png deleted file mode 100644 index ef89c446..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark.png deleted file mode 100644 index 668368cf..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark@2.png deleted file mode 100644 index 3d585cd5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark.png deleted file mode 100644 index 5d5abc7b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark@2.png deleted file mode 100644 index c838a359..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover.png deleted file mode 100644 index 4e8fab9b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover@2.png deleted file mode 100644 index 77741946..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize.png deleted file mode 100644 index 5f9fbc25..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize@2.png deleted file mode 100644 index 83c0b6b2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-minimize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark.png deleted file mode 100644 index c40d70c7..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark@2.png deleted file mode 100644 index fb031587..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active.png deleted file mode 100644 index c7b4b802..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active@2.png deleted file mode 100644 index 6c25210b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark.png deleted file mode 100644 index 44ddfbb7..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark@2.png deleted file mode 100644 index f210867f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover.png deleted file mode 100644 index 01727ac5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover@2.png deleted file mode 100644 index c2f3df2a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark.png deleted file mode 100644 index 72eb5b2e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark@2.png deleted file mode 100644 index 3b9aae29..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark.png deleted file mode 100644 index 099a9a63..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark@2.png deleted file mode 100644 index db445201..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover.png deleted file mode 100644 index e9fa0cc8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover@2.png deleted file mode 100644 index 127fab4a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore.png deleted file mode 100644 index 25c35ba1..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore@2.png deleted file mode 100644 index 8e8ceb35..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-alt/titlebutton-restore@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark.png deleted file mode 100644 index af3556f0..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark@2.png deleted file mode 100644 index 32cafbac..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active.png deleted file mode 100644 index a264ce38..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active@2.png deleted file mode 100644 index 778dab80..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark.png deleted file mode 100644 index bd6a7813..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark@2.png deleted file mode 100644 index 08c16403..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover.png deleted file mode 100644 index 273117a6..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover@2.png deleted file mode 100644 index c6a66a3e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark.png deleted file mode 100644 index 88764b01..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark@2.png deleted file mode 100644 index 5acd5886..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark.png deleted file mode 100644 index 5097fa75..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark@2.png deleted file mode 100644 index be219162..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover.png deleted file mode 100644 index ef5ac17e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover@2.png deleted file mode 100644 index 8747a381..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close.png deleted file mode 100644 index 98c2cb8c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close@2.png deleted file mode 100644 index 3665969c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-close@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark.png deleted file mode 100644 index fc9cc0db..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark@2.png deleted file mode 100644 index ee3d1729..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active.png deleted file mode 100644 index 7dd986e8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active@2.png deleted file mode 100644 index b62b9a88..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark.png deleted file mode 100644 index 00af409e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark@2.png deleted file mode 100644 index b085a410..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover.png deleted file mode 100644 index a80685f7..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover@2.png deleted file mode 100644 index 89e629bc..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark.png deleted file mode 100644 index 1b356c6c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark@2.png deleted file mode 100644 index 17305a8d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark.png deleted file mode 100644 index 09629467..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark@2.png deleted file mode 100644 index 37fbf20f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover.png deleted file mode 100644 index 7f290a4c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover@2.png deleted file mode 100644 index 483a52e3..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize.png deleted file mode 100644 index c38ee6cc..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize@2.png deleted file mode 100644 index e10fb82a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-maximize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark.png deleted file mode 100644 index 2216454d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark@2.png deleted file mode 100644 index 6d90f37a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active.png deleted file mode 100644 index c6366b5f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active@2.png deleted file mode 100644 index eef9dc1a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark.png deleted file mode 100644 index 65344ede..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark@2.png deleted file mode 100644 index 177afd97..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover.png deleted file mode 100644 index a9364b68..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover@2.png deleted file mode 100644 index bd180460..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark.png deleted file mode 100644 index b61df406..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark@2.png deleted file mode 100644 index b0e79f4c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark.png deleted file mode 100644 index 606f6c2d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark@2.png deleted file mode 100644 index bff0abca..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover.png deleted file mode 100644 index 595d081c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover@2.png deleted file mode 100644 index e212c92d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize.png deleted file mode 100644 index eedef013..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize@2.png deleted file mode 100644 index ab34d21a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-minimize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark.png deleted file mode 100644 index db79de45..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark@2.png deleted file mode 100644 index 1d2b83a4..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active.png deleted file mode 100644 index e78ac714..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active@2.png deleted file mode 100644 index eee524d2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark.png deleted file mode 100644 index 4714e1fb..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark@2.png deleted file mode 100644 index addf711c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark.png deleted file mode 100644 index d7a91532..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark@2.png deleted file mode 100644 index f221ea19..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover.png deleted file mode 100644 index e0687aa9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover@2.png deleted file mode 100644 index 106b46b8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop.png deleted file mode 100644 index 2e2c7261..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop@2.png deleted file mode 100644 index 475df463..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark.png deleted file mode 100644 index 1b356c6c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark@2.png deleted file mode 100644 index 17305a8d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark.png deleted file mode 100644 index 22b61888..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark@2.png deleted file mode 100644 index 8be61e5c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover.png deleted file mode 100644 index 17b26e2b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover@2.png deleted file mode 100644 index 36a0178a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore.png deleted file mode 100644 index c38ee6cc..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore@2.png deleted file mode 100644 index e10fb82a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton-small/titlebutton-restore@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark.png deleted file mode 100644 index d8566353..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark@2.png deleted file mode 100644 index 95799970..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active.png deleted file mode 100644 index d6876b96..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active@2.png deleted file mode 100644 index 61301e77..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark.png deleted file mode 100644 index 0ea41163..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark@2.png deleted file mode 100644 index 3446c17d..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover.png deleted file mode 100644 index f74eed41..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover@2.png deleted file mode 100644 index f84676f8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark.png deleted file mode 100644 index 12441383..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark@2.png deleted file mode 100644 index 40eb7bd9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark.png deleted file mode 100644 index 1ebc67a2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark@2.png deleted file mode 100644 index c2394be2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover.png deleted file mode 100644 index b85b7e5f..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover@2.png deleted file mode 100644 index 71c9c1b5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close.png deleted file mode 100644 index 927f2192..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close@2.png deleted file mode 100644 index 29adf8cd..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-close@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark.png deleted file mode 100644 index 68091685..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark@2.png deleted file mode 100644 index e0130220..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active.png deleted file mode 100644 index f8c180dc..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active@2.png deleted file mode 100644 index 4c2e4189..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark.png deleted file mode 100644 index 1eeccf17..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark@2.png deleted file mode 100644 index 4fe1bd1a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover.png deleted file mode 100644 index edde9f3a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover@2.png deleted file mode 100644 index c6f87455..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark.png deleted file mode 100644 index 72eb5b2e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark@2.png deleted file mode 100644 index 3b9aae29..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark.png deleted file mode 100644 index c1a52519..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark@2.png deleted file mode 100644 index f018e1bd..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover.png deleted file mode 100644 index 527cd6af..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover@2.png deleted file mode 100644 index d1217e67..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize.png deleted file mode 100644 index 25c35ba1..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize@2.png deleted file mode 100644 index 8e8ceb35..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-maximize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark.png deleted file mode 100644 index fccbd9a8..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark@2.png deleted file mode 100644 index c8e64e0a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active.png deleted file mode 100644 index 306eeb57..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active@2.png deleted file mode 100644 index 94601fea..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark.png deleted file mode 100644 index 94f02140..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark@2.png deleted file mode 100644 index b10747e5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover.png deleted file mode 100644 index 7dbcab1e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover@2.png deleted file mode 100644 index ef89c446..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark.png deleted file mode 100644 index 668368cf..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark@2.png deleted file mode 100644 index 3d585cd5..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark.png deleted file mode 100644 index 5d5abc7b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark@2.png deleted file mode 100644 index c838a359..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover.png deleted file mode 100644 index 4e8fab9b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover@2.png deleted file mode 100644 index 77741946..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize.png deleted file mode 100644 index 5f9fbc25..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize@2.png deleted file mode 100644 index 83c0b6b2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-minimize@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark.png deleted file mode 100644 index 8309b873..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark@2.png deleted file mode 100644 index cfc5eef3..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active.png deleted file mode 100644 index b84627be..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active@2.png deleted file mode 100644 index 023b9fc1..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-active@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark.png deleted file mode 100644 index d7423472..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark@2.png deleted file mode 100644 index 5f0ff0b9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark.png deleted file mode 100644 index dabf61e9..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark@2.png deleted file mode 100644 index e5d1117c..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover.png deleted file mode 100644 index ae82d54a..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover@2.png deleted file mode 100644 index 8be10cd3..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop.png deleted file mode 100644 index 584c919b..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop@2.png deleted file mode 100644 index b441d1c2..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-backdrop@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark.png deleted file mode 100644 index 72eb5b2e..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark@2.png deleted file mode 100644 index 3b9aae29..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark.png deleted file mode 100644 index e79d41be..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark@2.png deleted file mode 100644 index b9dc4a06..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover-dark@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover.png deleted file mode 100644 index 788b6c65..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover@2.png deleted file mode 100644 index 56648439..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore-hover@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore.png deleted file mode 100644 index 25c35ba1..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore@2.png b/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore@2.png deleted file mode 100644 index 8e8ceb35..00000000 Binary files a/src/assets/gtk-3.0/windows-assets/titlebutton/titlebutton-restore@2.png and /dev/null differ diff --git a/src/assets/gtk-3.0/windows-assets/windows-assets.svg b/src/assets/gtk-3.0/windows-assets/windows-assets.svg deleted file mode 100644 index 7ab5f787..00000000 --- a/src/assets/gtk-3.0/windows-assets/windows-assets.svg +++ /dev/null @@ -1,5909 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/metacity-1/assets.svg b/src/assets/metacity-1/assets.svg deleted file mode 100644 index b209e40e..00000000 --- a/src/assets/metacity-1/assets.svg +++ /dev/null @@ -1,1213 +0,0 @@ - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/metacity-1/assets.txt b/src/assets/metacity-1/assets.txt deleted file mode 100644 index 88cdbc51..00000000 --- a/src/assets/metacity-1/assets.txt +++ /dev/null @@ -1,28 +0,0 @@ -minimize -minimize_unfocused -minimize_focused_prelight -minimize_focused_pressed -maximize -maximize_unfocused -maximize_focused_prelight -maximize_focused_pressed -unmaximize -unmaximize_unfocused -unmaximize_focused_prelight -unmaximize_focused_pressed -close -close_unfocused -close_focused_prelight -close_focused_pressed -shade -shade_unfocused -shade_focused_prelight -shade_focused_pressed -unshade -unshade_unfocused -unshade_focused_prelight -unshade_focused_pressed -menu -menu_unfocused -menu_focused_prelight -menu_focused_pressed diff --git a/src/assets/metacity-1/assets/close.png b/src/assets/metacity-1/assets/close.png deleted file mode 100644 index db6b8594..00000000 Binary files a/src/assets/metacity-1/assets/close.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/close_focused.png b/src/assets/metacity-1/assets/close_focused.png deleted file mode 120000 index 5a2733f0..00000000 --- a/src/assets/metacity-1/assets/close_focused.png +++ /dev/null @@ -1 +0,0 @@ -close.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/close_focused_normal.png b/src/assets/metacity-1/assets/close_focused_normal.png deleted file mode 120000 index 5a2733f0..00000000 --- a/src/assets/metacity-1/assets/close_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -close.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/close_focused_prelight.png b/src/assets/metacity-1/assets/close_focused_prelight.png deleted file mode 100644 index 5b202cd1..00000000 Binary files a/src/assets/metacity-1/assets/close_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/close_focused_pressed.png b/src/assets/metacity-1/assets/close_focused_pressed.png deleted file mode 100644 index 7b1b7a6a..00000000 Binary files a/src/assets/metacity-1/assets/close_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/close_unfocused.png b/src/assets/metacity-1/assets/close_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/close_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/close_unfocused_prelight.png b/src/assets/metacity-1/assets/close_unfocused_prelight.png deleted file mode 120000 index 16570777..00000000 --- a/src/assets/metacity-1/assets/close_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -close_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/close_unfocused_pressed.png b/src/assets/metacity-1/assets/close_unfocused_pressed.png deleted file mode 120000 index e925e4df..00000000 --- a/src/assets/metacity-1/assets/close_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -close_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize.png b/src/assets/metacity-1/assets/maximize.png deleted file mode 100644 index e8950698..00000000 Binary files a/src/assets/metacity-1/assets/maximize.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/maximize_focused.png b/src/assets/metacity-1/assets/maximize_focused.png deleted file mode 120000 index bd18cdd1..00000000 --- a/src/assets/metacity-1/assets/maximize_focused.png +++ /dev/null @@ -1 +0,0 @@ -maximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize_focused_normal.png b/src/assets/metacity-1/assets/maximize_focused_normal.png deleted file mode 120000 index bd18cdd1..00000000 --- a/src/assets/metacity-1/assets/maximize_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -maximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize_focused_prelight.png b/src/assets/metacity-1/assets/maximize_focused_prelight.png deleted file mode 100644 index 3c171a58..00000000 Binary files a/src/assets/metacity-1/assets/maximize_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/maximize_focused_pressed.png b/src/assets/metacity-1/assets/maximize_focused_pressed.png deleted file mode 100644 index 17518274..00000000 Binary files a/src/assets/metacity-1/assets/maximize_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/maximize_unfocused.png b/src/assets/metacity-1/assets/maximize_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/maximize_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/maximize_unfocused_prelight.png b/src/assets/metacity-1/assets/maximize_unfocused_prelight.png deleted file mode 120000 index f62efd5b..00000000 --- a/src/assets/metacity-1/assets/maximize_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -maximize_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/maximize_unfocused_pressed.png b/src/assets/metacity-1/assets/maximize_unfocused_pressed.png deleted file mode 120000 index cc514055..00000000 --- a/src/assets/metacity-1/assets/maximize_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -maximize_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu.png b/src/assets/metacity-1/assets/menu.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/menu.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/menu_focused.png b/src/assets/metacity-1/assets/menu_focused.png deleted file mode 120000 index f5157199..00000000 --- a/src/assets/metacity-1/assets/menu_focused.png +++ /dev/null @@ -1 +0,0 @@ -menu.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu_focused_normal.png b/src/assets/metacity-1/assets/menu_focused_normal.png deleted file mode 120000 index f5157199..00000000 --- a/src/assets/metacity-1/assets/menu_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -menu.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu_focused_prelight.png b/src/assets/metacity-1/assets/menu_focused_prelight.png deleted file mode 100644 index c05ffaa2..00000000 Binary files a/src/assets/metacity-1/assets/menu_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/menu_focused_pressed.png b/src/assets/metacity-1/assets/menu_focused_pressed.png deleted file mode 100644 index 0088522f..00000000 Binary files a/src/assets/metacity-1/assets/menu_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/menu_unfocused.png b/src/assets/metacity-1/assets/menu_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/menu_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/menu_unfocused_prelight.png b/src/assets/metacity-1/assets/menu_unfocused_prelight.png deleted file mode 120000 index 6c1d9f7f..00000000 --- a/src/assets/metacity-1/assets/menu_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -menu_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/menu_unfocused_pressed.png b/src/assets/metacity-1/assets/menu_unfocused_pressed.png deleted file mode 120000 index 4d62f698..00000000 --- a/src/assets/metacity-1/assets/menu_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -menu_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize.png b/src/assets/metacity-1/assets/minimize.png deleted file mode 100644 index a6a9393f..00000000 Binary files a/src/assets/metacity-1/assets/minimize.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/minimize_focused.png b/src/assets/metacity-1/assets/minimize_focused.png deleted file mode 120000 index 09b7f0a7..00000000 --- a/src/assets/metacity-1/assets/minimize_focused.png +++ /dev/null @@ -1 +0,0 @@ -minimize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize_focused_normal.png b/src/assets/metacity-1/assets/minimize_focused_normal.png deleted file mode 120000 index 09b7f0a7..00000000 --- a/src/assets/metacity-1/assets/minimize_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -minimize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize_focused_prelight.png b/src/assets/metacity-1/assets/minimize_focused_prelight.png deleted file mode 100644 index dfb60fcb..00000000 Binary files a/src/assets/metacity-1/assets/minimize_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/minimize_focused_pressed.png b/src/assets/metacity-1/assets/minimize_focused_pressed.png deleted file mode 100644 index d2d30d6f..00000000 Binary files a/src/assets/metacity-1/assets/minimize_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/minimize_unfocused.png b/src/assets/metacity-1/assets/minimize_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/minimize_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/minimize_unfocused_prelight.png b/src/assets/metacity-1/assets/minimize_unfocused_prelight.png deleted file mode 120000 index 2971cc1f..00000000 --- a/src/assets/metacity-1/assets/minimize_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -minimize_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/minimize_unfocused_pressed.png b/src/assets/metacity-1/assets/minimize_unfocused_pressed.png deleted file mode 120000 index 2ee877c8..00000000 --- a/src/assets/metacity-1/assets/minimize_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -minimize_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade.png b/src/assets/metacity-1/assets/shade.png deleted file mode 100644 index 983b42c3..00000000 Binary files a/src/assets/metacity-1/assets/shade.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/shade_focused.png b/src/assets/metacity-1/assets/shade_focused.png deleted file mode 120000 index 3a2c6451..00000000 --- a/src/assets/metacity-1/assets/shade_focused.png +++ /dev/null @@ -1 +0,0 @@ -shade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade_focused_normal.png b/src/assets/metacity-1/assets/shade_focused_normal.png deleted file mode 120000 index 3a2c6451..00000000 --- a/src/assets/metacity-1/assets/shade_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -shade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade_focused_prelight.png b/src/assets/metacity-1/assets/shade_focused_prelight.png deleted file mode 100644 index 046e5208..00000000 Binary files a/src/assets/metacity-1/assets/shade_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/shade_focused_pressed.png b/src/assets/metacity-1/assets/shade_focused_pressed.png deleted file mode 100644 index 161058cc..00000000 Binary files a/src/assets/metacity-1/assets/shade_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/shade_unfocused.png b/src/assets/metacity-1/assets/shade_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/shade_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/shade_unfocused_prelight.png b/src/assets/metacity-1/assets/shade_unfocused_prelight.png deleted file mode 120000 index 83bd57a8..00000000 --- a/src/assets/metacity-1/assets/shade_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -shade_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/shade_unfocused_pressed.png b/src/assets/metacity-1/assets/shade_unfocused_pressed.png deleted file mode 120000 index 840a4958..00000000 --- a/src/assets/metacity-1/assets/shade_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -shade_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize.png b/src/assets/metacity-1/assets/unmaximize.png deleted file mode 100644 index e8950698..00000000 Binary files a/src/assets/metacity-1/assets/unmaximize.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unmaximize_focused.png b/src/assets/metacity-1/assets/unmaximize_focused.png deleted file mode 120000 index f53cc353..00000000 --- a/src/assets/metacity-1/assets/unmaximize_focused.png +++ /dev/null @@ -1 +0,0 @@ -unmaximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize_focused_normal.png b/src/assets/metacity-1/assets/unmaximize_focused_normal.png deleted file mode 120000 index f53cc353..00000000 --- a/src/assets/metacity-1/assets/unmaximize_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -unmaximize.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize_focused_prelight.png b/src/assets/metacity-1/assets/unmaximize_focused_prelight.png deleted file mode 100644 index 3d02b21e..00000000 Binary files a/src/assets/metacity-1/assets/unmaximize_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unmaximize_focused_pressed.png b/src/assets/metacity-1/assets/unmaximize_focused_pressed.png deleted file mode 100644 index 489715ab..00000000 Binary files a/src/assets/metacity-1/assets/unmaximize_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unmaximize_unfocused.png b/src/assets/metacity-1/assets/unmaximize_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/unmaximize_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unmaximize_unfocused_prelight.png b/src/assets/metacity-1/assets/unmaximize_unfocused_prelight.png deleted file mode 120000 index 823c61cf..00000000 --- a/src/assets/metacity-1/assets/unmaximize_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -unmaximize_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unmaximize_unfocused_pressed.png b/src/assets/metacity-1/assets/unmaximize_unfocused_pressed.png deleted file mode 120000 index 31d69fee..00000000 --- a/src/assets/metacity-1/assets/unmaximize_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -unmaximize_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade.png b/src/assets/metacity-1/assets/unshade.png deleted file mode 100644 index 983b42c3..00000000 Binary files a/src/assets/metacity-1/assets/unshade.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unshade_focused.png b/src/assets/metacity-1/assets/unshade_focused.png deleted file mode 120000 index e8a3f34b..00000000 --- a/src/assets/metacity-1/assets/unshade_focused.png +++ /dev/null @@ -1 +0,0 @@ -unshade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade_focused_normal.png b/src/assets/metacity-1/assets/unshade_focused_normal.png deleted file mode 120000 index e8a3f34b..00000000 --- a/src/assets/metacity-1/assets/unshade_focused_normal.png +++ /dev/null @@ -1 +0,0 @@ -unshade.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade_focused_prelight.png b/src/assets/metacity-1/assets/unshade_focused_prelight.png deleted file mode 100644 index 1df38449..00000000 Binary files a/src/assets/metacity-1/assets/unshade_focused_prelight.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unshade_focused_pressed.png b/src/assets/metacity-1/assets/unshade_focused_pressed.png deleted file mode 100644 index b43b54da..00000000 Binary files a/src/assets/metacity-1/assets/unshade_focused_pressed.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unshade_unfocused.png b/src/assets/metacity-1/assets/unshade_unfocused.png deleted file mode 100644 index 1dccc91d..00000000 Binary files a/src/assets/metacity-1/assets/unshade_unfocused.png and /dev/null differ diff --git a/src/assets/metacity-1/assets/unshade_unfocused_prelight.png b/src/assets/metacity-1/assets/unshade_unfocused_prelight.png deleted file mode 120000 index 0e642cb6..00000000 --- a/src/assets/metacity-1/assets/unshade_unfocused_prelight.png +++ /dev/null @@ -1 +0,0 @@ -unshade_focused_prelight.png \ No newline at end of file diff --git a/src/assets/metacity-1/assets/unshade_unfocused_pressed.png b/src/assets/metacity-1/assets/unshade_unfocused_pressed.png deleted file mode 120000 index c0c67ebf..00000000 --- a/src/assets/metacity-1/assets/unshade_unfocused_pressed.png +++ /dev/null @@ -1 +0,0 @@ -unshade_focused_pressed.png \ No newline at end of file diff --git a/src/assets/metacity-1/render-assets.sh b/src/assets/metacity-1/render-assets.sh deleted file mode 100755 index 67273638..00000000 --- a/src/assets/metacity-1/render-assets.sh +++ /dev/null @@ -1,58 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="assets.svg" -ASSETS_DIR="assets" -INDEX="assets.txt" - -[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR -mkdir -p $ASSETS_DIR - -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-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null #\ - # && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png -fi -done - -# links -cd $ASSETS_DIR -ln -s close.png close_focused.png -ln -s close.png close_focused_normal.png -ln -s close_focused_prelight.png close_unfocused_prelight.png -ln -s close_focused_pressed.png close_unfocused_pressed.png -ln -s maximize.png maximize_focused.png -ln -s maximize.png maximize_focused_normal.png -ln -s maximize_focused_prelight.png maximize_unfocused_prelight.png -ln -s maximize_focused_pressed.png maximize_unfocused_pressed.png -ln -s minimize.png minimize_focused.png -ln -s minimize.png minimize_focused_normal.png -ln -s minimize_focused_prelight.png minimize_unfocused_prelight.png -ln -s minimize_focused_pressed.png minimize_unfocused_pressed.png -ln -s unmaximize.png unmaximize_focused.png -ln -s unmaximize.png unmaximize_focused_normal.png -ln -s unmaximize_focused_prelight.png unmaximize_unfocused_prelight.png -ln -s unmaximize_focused_pressed.png unmaximize_unfocused_pressed.png -ln -s shade.png shade_focused.png -ln -s shade.png shade_focused_normal.png -ln -s shade_focused_prelight.png shade_unfocused_prelight.png -ln -s shade_focused_pressed.png shade_unfocused_pressed.png -ln -s unshade.png unshade_focused.png -ln -s unshade.png unshade_focused_normal.png -ln -s unshade_focused_prelight.png unshade_unfocused_prelight.png -ln -s unshade_focused_pressed.png unshade_unfocused_pressed.png -ln -s menu.png menu_focused.png -ln -s menu.png menu_focused_normal.png -ln -s menu_focused_prelight.png menu_unfocused_prelight.png -ln -s menu_focused_pressed.png menu_unfocused_pressed.png - -exit 0 diff --git a/src/assets/metacity-1/thumbnail-dark.png b/src/assets/metacity-1/thumbnail-dark.png deleted file mode 100644 index 0839ba2d..00000000 Binary files a/src/assets/metacity-1/thumbnail-dark.png and /dev/null differ diff --git a/src/assets/metacity-1/thumbnail-light.png b/src/assets/metacity-1/thumbnail-light.png deleted file mode 100644 index 770895cd..00000000 Binary files a/src/assets/metacity-1/thumbnail-light.png and /dev/null differ diff --git a/src/assets/metacity-1/thumbnail.svg b/src/assets/metacity-1/thumbnail.svg deleted file mode 100644 index 2cd0e09c..00000000 --- a/src/assets/metacity-1/thumbnail.svg +++ /dev/null @@ -1,92 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/xfwm4/assets-dark.svg b/src/assets/xfwm4/assets-dark.svg deleted file mode 100644 index 3f4b99e3..00000000 --- a/src/assets/xfwm4/assets-dark.svg +++ /dev/null @@ -1,2272 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/xfwm4/assets-dark/bottom-active.png b/src/assets/xfwm4/assets-dark/bottom-active.png deleted file mode 100644 index dc64dd99..00000000 Binary files a/src/assets/xfwm4/assets-dark/bottom-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/bottom-inactive.png b/src/assets/xfwm4/assets-dark/bottom-inactive.png deleted file mode 100644 index dc64dd99..00000000 Binary files a/src/assets/xfwm4/assets-dark/bottom-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/bottom-left-active.png b/src/assets/xfwm4/assets-dark/bottom-left-active.png deleted file mode 100644 index 332adbaa..00000000 Binary files a/src/assets/xfwm4/assets-dark/bottom-left-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/bottom-left-inactive.png b/src/assets/xfwm4/assets-dark/bottom-left-inactive.png deleted file mode 100644 index 332adbaa..00000000 Binary files a/src/assets/xfwm4/assets-dark/bottom-left-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/bottom-right-active.png b/src/assets/xfwm4/assets-dark/bottom-right-active.png deleted file mode 100644 index 915445ac..00000000 Binary files a/src/assets/xfwm4/assets-dark/bottom-right-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/bottom-right-inactive.png b/src/assets/xfwm4/assets-dark/bottom-right-inactive.png deleted file mode 100644 index 51501fd2..00000000 Binary files a/src/assets/xfwm4/assets-dark/bottom-right-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/close-active.png b/src/assets/xfwm4/assets-dark/close-active.png deleted file mode 100644 index 97975d24..00000000 Binary files a/src/assets/xfwm4/assets-dark/close-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/close-inactive.png b/src/assets/xfwm4/assets-dark/close-inactive.png deleted file mode 100644 index 76211a8e..00000000 Binary files a/src/assets/xfwm4/assets-dark/close-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/close-prelight.png b/src/assets/xfwm4/assets-dark/close-prelight.png deleted file mode 100644 index 83d74141..00000000 Binary files a/src/assets/xfwm4/assets-dark/close-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/close-pressed.png b/src/assets/xfwm4/assets-dark/close-pressed.png deleted file mode 100644 index 94b257ba..00000000 Binary files a/src/assets/xfwm4/assets-dark/close-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/hide-active.png b/src/assets/xfwm4/assets-dark/hide-active.png deleted file mode 100644 index 8d4443c7..00000000 Binary files a/src/assets/xfwm4/assets-dark/hide-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/hide-inactive.png b/src/assets/xfwm4/assets-dark/hide-inactive.png deleted file mode 100644 index 76211a8e..00000000 Binary files a/src/assets/xfwm4/assets-dark/hide-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/hide-prelight.png b/src/assets/xfwm4/assets-dark/hide-prelight.png deleted file mode 100644 index 64ca1235..00000000 Binary files a/src/assets/xfwm4/assets-dark/hide-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/hide-pressed.png b/src/assets/xfwm4/assets-dark/hide-pressed.png deleted file mode 100644 index 69a182c5..00000000 Binary files a/src/assets/xfwm4/assets-dark/hide-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/left-active.png b/src/assets/xfwm4/assets-dark/left-active.png deleted file mode 100644 index b22507fa..00000000 Binary files a/src/assets/xfwm4/assets-dark/left-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/left-inactive.png b/src/assets/xfwm4/assets-dark/left-inactive.png deleted file mode 100644 index b22507fa..00000000 Binary files a/src/assets/xfwm4/assets-dark/left-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-active.png b/src/assets/xfwm4/assets-dark/maximize-active.png deleted file mode 100644 index 7b095c2c..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-inactive.png b/src/assets/xfwm4/assets-dark/maximize-inactive.png deleted file mode 100644 index 76211a8e..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-prelight.png b/src/assets/xfwm4/assets-dark/maximize-prelight.png deleted file mode 100644 index a2c8aed6..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-pressed.png b/src/assets/xfwm4/assets-dark/maximize-pressed.png deleted file mode 100644 index 6ae0dee7..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-active.png b/src/assets/xfwm4/assets-dark/maximize-toggled-active.png deleted file mode 100644 index 7b095c2c..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-toggled-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-inactive.png b/src/assets/xfwm4/assets-dark/maximize-toggled-inactive.png deleted file mode 100644 index 76211a8e..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-toggled-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-prelight.png b/src/assets/xfwm4/assets-dark/maximize-toggled-prelight.png deleted file mode 100644 index b6c3dfe4..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-toggled-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/maximize-toggled-pressed.png b/src/assets/xfwm4/assets-dark/maximize-toggled-pressed.png deleted file mode 100644 index 00ec718b..00000000 Binary files a/src/assets/xfwm4/assets-dark/maximize-toggled-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/menu-active.png b/src/assets/xfwm4/assets-dark/menu-active.png deleted file mode 100644 index 4559e073..00000000 Binary files a/src/assets/xfwm4/assets-dark/menu-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/menu-inactive.png b/src/assets/xfwm4/assets-dark/menu-inactive.png deleted file mode 100644 index f2b10d9c..00000000 Binary files a/src/assets/xfwm4/assets-dark/menu-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/menu-pressed.png b/src/assets/xfwm4/assets-dark/menu-pressed.png deleted file mode 100644 index bb7674f1..00000000 Binary files a/src/assets/xfwm4/assets-dark/menu-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/right-active.png b/src/assets/xfwm4/assets-dark/right-active.png deleted file mode 100644 index b709543f..00000000 Binary files a/src/assets/xfwm4/assets-dark/right-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/right-inactive.png b/src/assets/xfwm4/assets-dark/right-inactive.png deleted file mode 100644 index b709543f..00000000 Binary files a/src/assets/xfwm4/assets-dark/right-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/shade-active.png b/src/assets/xfwm4/assets-dark/shade-active.png deleted file mode 100644 index ad3e5f40..00000000 Binary files a/src/assets/xfwm4/assets-dark/shade-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/shade-inactive.png b/src/assets/xfwm4/assets-dark/shade-inactive.png deleted file mode 100644 index 72e303d8..00000000 Binary files a/src/assets/xfwm4/assets-dark/shade-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/shade-pressed.png b/src/assets/xfwm4/assets-dark/shade-pressed.png deleted file mode 100644 index 25e4bb38..00000000 Binary files a/src/assets/xfwm4/assets-dark/shade-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/stick-active.png b/src/assets/xfwm4/assets-dark/stick-active.png deleted file mode 100644 index 58f2288d..00000000 Binary files a/src/assets/xfwm4/assets-dark/stick-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/stick-inactive.png b/src/assets/xfwm4/assets-dark/stick-inactive.png deleted file mode 100644 index dd39de2d..00000000 Binary files a/src/assets/xfwm4/assets-dark/stick-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/stick-pressed.png b/src/assets/xfwm4/assets-dark/stick-pressed.png deleted file mode 100644 index c8063392..00000000 Binary files a/src/assets/xfwm4/assets-dark/stick-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-1-active.png b/src/assets/xfwm4/assets-dark/title-1-active.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-1-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-1-inactive.png b/src/assets/xfwm4/assets-dark/title-1-inactive.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-1-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-2-active.png b/src/assets/xfwm4/assets-dark/title-2-active.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-2-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-2-inactive.png b/src/assets/xfwm4/assets-dark/title-2-inactive.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-2-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-3-active.png b/src/assets/xfwm4/assets-dark/title-3-active.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-3-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-3-inactive.png b/src/assets/xfwm4/assets-dark/title-3-inactive.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-3-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-4-active.png b/src/assets/xfwm4/assets-dark/title-4-active.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-4-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-4-inactive.png b/src/assets/xfwm4/assets-dark/title-4-inactive.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-4-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-5-active.png b/src/assets/xfwm4/assets-dark/title-5-active.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-5-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/title-5-inactive.png b/src/assets/xfwm4/assets-dark/title-5-inactive.png deleted file mode 100644 index fb0122e2..00000000 Binary files a/src/assets/xfwm4/assets-dark/title-5-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/top-left-active.png b/src/assets/xfwm4/assets-dark/top-left-active.png deleted file mode 100644 index 81eb2505..00000000 Binary files a/src/assets/xfwm4/assets-dark/top-left-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/top-left-inactive.png b/src/assets/xfwm4/assets-dark/top-left-inactive.png deleted file mode 100644 index 81eb2505..00000000 Binary files a/src/assets/xfwm4/assets-dark/top-left-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/top-right-active.png b/src/assets/xfwm4/assets-dark/top-right-active.png deleted file mode 100644 index fac1597b..00000000 Binary files a/src/assets/xfwm4/assets-dark/top-right-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-dark/top-right-inactive.png b/src/assets/xfwm4/assets-dark/top-right-inactive.png deleted file mode 100644 index fac1597b..00000000 Binary files a/src/assets/xfwm4/assets-dark/top-right-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light.svg b/src/assets/xfwm4/assets-light.svg deleted file mode 100644 index 6c986089..00000000 --- a/src/assets/xfwm4/assets-light.svg +++ /dev/null @@ -1,2266 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/xfwm4/assets-light/bottom-active.png b/src/assets/xfwm4/assets-light/bottom-active.png deleted file mode 100644 index adeb45de..00000000 Binary files a/src/assets/xfwm4/assets-light/bottom-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/bottom-inactive.png b/src/assets/xfwm4/assets-light/bottom-inactive.png deleted file mode 100644 index adeb45de..00000000 Binary files a/src/assets/xfwm4/assets-light/bottom-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/bottom-left-active.png b/src/assets/xfwm4/assets-light/bottom-left-active.png deleted file mode 100644 index 76a4b935..00000000 Binary files a/src/assets/xfwm4/assets-light/bottom-left-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/bottom-left-inactive.png b/src/assets/xfwm4/assets-light/bottom-left-inactive.png deleted file mode 100644 index 76a4b935..00000000 Binary files a/src/assets/xfwm4/assets-light/bottom-left-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/bottom-right-active.png b/src/assets/xfwm4/assets-light/bottom-right-active.png deleted file mode 100644 index 28d9bb28..00000000 Binary files a/src/assets/xfwm4/assets-light/bottom-right-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/bottom-right-inactive.png b/src/assets/xfwm4/assets-light/bottom-right-inactive.png deleted file mode 100644 index 28d9bb28..00000000 Binary files a/src/assets/xfwm4/assets-light/bottom-right-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/close-active.png b/src/assets/xfwm4/assets-light/close-active.png deleted file mode 100644 index bc2c3f18..00000000 Binary files a/src/assets/xfwm4/assets-light/close-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/close-inactive.png b/src/assets/xfwm4/assets-light/close-inactive.png deleted file mode 100644 index c4c60656..00000000 Binary files a/src/assets/xfwm4/assets-light/close-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/close-prelight.png b/src/assets/xfwm4/assets-light/close-prelight.png deleted file mode 100644 index 11f07e74..00000000 Binary files a/src/assets/xfwm4/assets-light/close-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/close-pressed.png b/src/assets/xfwm4/assets-light/close-pressed.png deleted file mode 100644 index 6610987d..00000000 Binary files a/src/assets/xfwm4/assets-light/close-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/hide-active.png b/src/assets/xfwm4/assets-light/hide-active.png deleted file mode 100644 index 8d2ee95e..00000000 Binary files a/src/assets/xfwm4/assets-light/hide-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/hide-inactive.png b/src/assets/xfwm4/assets-light/hide-inactive.png deleted file mode 100644 index c4c60656..00000000 Binary files a/src/assets/xfwm4/assets-light/hide-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/hide-prelight.png b/src/assets/xfwm4/assets-light/hide-prelight.png deleted file mode 100644 index f1d2848b..00000000 Binary files a/src/assets/xfwm4/assets-light/hide-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/hide-pressed.png b/src/assets/xfwm4/assets-light/hide-pressed.png deleted file mode 100644 index aa6b2bef..00000000 Binary files a/src/assets/xfwm4/assets-light/hide-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/left-active.png b/src/assets/xfwm4/assets-light/left-active.png deleted file mode 100644 index ae20e735..00000000 Binary files a/src/assets/xfwm4/assets-light/left-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/left-inactive.png b/src/assets/xfwm4/assets-light/left-inactive.png deleted file mode 100644 index ae20e735..00000000 Binary files a/src/assets/xfwm4/assets-light/left-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-active.png b/src/assets/xfwm4/assets-light/maximize-active.png deleted file mode 100644 index a85c184b..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-inactive.png b/src/assets/xfwm4/assets-light/maximize-inactive.png deleted file mode 100644 index c4c60656..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-prelight.png b/src/assets/xfwm4/assets-light/maximize-prelight.png deleted file mode 100644 index 03898337..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-pressed.png b/src/assets/xfwm4/assets-light/maximize-pressed.png deleted file mode 100644 index 60e5dfe8..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-active.png b/src/assets/xfwm4/assets-light/maximize-toggled-active.png deleted file mode 100644 index a85c184b..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-toggled-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png b/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png deleted file mode 100644 index c4c60656..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-toggled-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png b/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png deleted file mode 100644 index 3f27fb6a..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-toggled-prelight.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png b/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png deleted file mode 100644 index c5fcba80..00000000 Binary files a/src/assets/xfwm4/assets-light/maximize-toggled-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/menu-active.png b/src/assets/xfwm4/assets-light/menu-active.png deleted file mode 100644 index c584bd7f..00000000 Binary files a/src/assets/xfwm4/assets-light/menu-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/menu-inactive.png b/src/assets/xfwm4/assets-light/menu-inactive.png deleted file mode 100644 index 99437655..00000000 Binary files a/src/assets/xfwm4/assets-light/menu-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/menu-pressed.png b/src/assets/xfwm4/assets-light/menu-pressed.png deleted file mode 100644 index 95ce7cd6..00000000 Binary files a/src/assets/xfwm4/assets-light/menu-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/right-active.png b/src/assets/xfwm4/assets-light/right-active.png deleted file mode 100644 index e6f044a9..00000000 Binary files a/src/assets/xfwm4/assets-light/right-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/right-inactive.png b/src/assets/xfwm4/assets-light/right-inactive.png deleted file mode 100644 index e6f044a9..00000000 Binary files a/src/assets/xfwm4/assets-light/right-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/shade-active.png b/src/assets/xfwm4/assets-light/shade-active.png deleted file mode 100644 index 6d25c4ad..00000000 Binary files a/src/assets/xfwm4/assets-light/shade-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/shade-inactive.png b/src/assets/xfwm4/assets-light/shade-inactive.png deleted file mode 100644 index cbc8cc58..00000000 Binary files a/src/assets/xfwm4/assets-light/shade-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/shade-pressed.png b/src/assets/xfwm4/assets-light/shade-pressed.png deleted file mode 100644 index 0a91b8c3..00000000 Binary files a/src/assets/xfwm4/assets-light/shade-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/stick-active.png b/src/assets/xfwm4/assets-light/stick-active.png deleted file mode 100644 index 1e025453..00000000 Binary files a/src/assets/xfwm4/assets-light/stick-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/stick-inactive.png b/src/assets/xfwm4/assets-light/stick-inactive.png deleted file mode 100644 index d2654acc..00000000 Binary files a/src/assets/xfwm4/assets-light/stick-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/stick-pressed.png b/src/assets/xfwm4/assets-light/stick-pressed.png deleted file mode 100644 index 385ad477..00000000 Binary files a/src/assets/xfwm4/assets-light/stick-pressed.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-1-active.png b/src/assets/xfwm4/assets-light/title-1-active.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-1-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-1-inactive.png b/src/assets/xfwm4/assets-light/title-1-inactive.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-1-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-2-active.png b/src/assets/xfwm4/assets-light/title-2-active.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-2-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-2-inactive.png b/src/assets/xfwm4/assets-light/title-2-inactive.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-2-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-3-active.png b/src/assets/xfwm4/assets-light/title-3-active.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-3-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-3-inactive.png b/src/assets/xfwm4/assets-light/title-3-inactive.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-3-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-4-active.png b/src/assets/xfwm4/assets-light/title-4-active.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-4-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-4-inactive.png b/src/assets/xfwm4/assets-light/title-4-inactive.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-4-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-5-active.png b/src/assets/xfwm4/assets-light/title-5-active.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-5-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/title-5-inactive.png b/src/assets/xfwm4/assets-light/title-5-inactive.png deleted file mode 100644 index fbb1d6bd..00000000 Binary files a/src/assets/xfwm4/assets-light/title-5-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/top-left-active.png b/src/assets/xfwm4/assets-light/top-left-active.png deleted file mode 100644 index b37feae9..00000000 Binary files a/src/assets/xfwm4/assets-light/top-left-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/top-left-inactive.png b/src/assets/xfwm4/assets-light/top-left-inactive.png deleted file mode 100644 index b37feae9..00000000 Binary files a/src/assets/xfwm4/assets-light/top-left-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/top-right-active.png b/src/assets/xfwm4/assets-light/top-right-active.png deleted file mode 100644 index 2c15a245..00000000 Binary files a/src/assets/xfwm4/assets-light/top-right-active.png and /dev/null differ diff --git a/src/assets/xfwm4/assets-light/top-right-inactive.png b/src/assets/xfwm4/assets-light/top-right-inactive.png deleted file mode 100644 index 2c15a245..00000000 Binary files a/src/assets/xfwm4/assets-light/top-right-inactive.png and /dev/null differ diff --git a/src/assets/xfwm4/assets.txt b/src/assets/xfwm4/assets.txt deleted file mode 100644 index 0aad7e29..00000000 --- a/src/assets/xfwm4/assets.txt +++ /dev/null @@ -1,49 +0,0 @@ -close-active -close-inactive -close-prelight -close-pressed -hide-active -hide-inactive -hide-prelight -hide-pressed -maximize-active -maximize-inactive -maximize-prelight -maximize-pressed -maximize-toggled-active -maximize-toggled-inactive -maximize-toggled-prelight -maximize-toggled-pressed -menu-active -menu-inactive -menu-pressed -shade-active -shade-inactive -shade-pressed -stick-active -stick-inactive -stick-pressed -title-1-active -title-1-inactive -title-2-active -title-2-inactive -title-3-active -title-3-inactive -title-4-active -title-4-inactive -title-5-active -title-5-inactive -top-left-active -top-left-inactive -top-right-active -top-right-inactive -left-active -left-inactive -right-active -right-inactive -bottom-active -bottom-inactive -bottom-left-active -bottom-left-inactive -bottom-right-active -bottom-right-inactive diff --git a/src/assets/xfwm4/render-assets.sh b/src/assets/xfwm4/render-assets.sh deleted file mode 100755 index ff35e2c4..00000000 --- a/src/assets/xfwm4/render-assets.sh +++ /dev/null @@ -1,40 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="assets-light.svg" -DARK_SRC_FILE="assets-dark.svg" -ASSETS_DIR="assets-light" -DARK_ASSETS_DIR="assets-dark" - -INDEX="assets.txt" - -[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR -[[ -d $DARK_ASSETS_DIR ]] && rm -rf $DARK_ASSETS_DIR -mkdir -p $ASSETS_DIR && mkdir -p $DARK_ASSETS_DIR - -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-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png -fi -if [ -f $DARK_ASSETS_DIR/$i.png ]; then - echo $DARK_ASSETS_DIR/$i.png exists. -else - echo - echo Rendering $DARK_ASSETS_DIR/$i.png - $INKSCAPE --export-id=$i \ - --export-id-only \ - --export-filename=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png -fi -done -exit 0 diff --git a/src/main/cinnamon/cinnamon-dark-blue.css b/src/main/cinnamon/cinnamon-dark-blue.css deleted file mode 100644 index 3e156f7f..00000000 --- a/src/main/cinnamon/cinnamon-dark-blue.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #2E7CF7; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #2E7CF7; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #2E7CF7; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-blue.scss b/src/main/cinnamon/cinnamon-dark-blue.scss deleted file mode 100644 index 4af132af..00000000 --- a/src/main/cinnamon/cinnamon-dark-blue.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-green.css b/src/main/cinnamon/cinnamon-dark-green.css deleted file mode 100644 index 1a01a3a7..00000000 --- a/src/main/cinnamon/cinnamon-dark-green.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #79B757; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #79B757; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #79B757; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #79B757; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-green.scss b/src/main/cinnamon/cinnamon-dark-green.scss deleted file mode 100644 index dd8f4580..00000000 --- a/src/main/cinnamon/cinnamon-dark-green.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-grey.css b/src/main/cinnamon/cinnamon-dark-grey.css deleted file mode 100644 index 9030395e..00000000 --- a/src/main/cinnamon/cinnamon-dark-grey.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #8C8C8C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #8C8C8C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #8C8C8C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-grey.scss b/src/main/cinnamon/cinnamon-dark-grey.scss deleted file mode 100644 index 8c9dd446..00000000 --- a/src/main/cinnamon/cinnamon-dark-grey.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-orange.css b/src/main/cinnamon/cinnamon-dark-orange.css deleted file mode 100644 index 4dee4094..00000000 --- a/src/main/cinnamon/cinnamon-dark-orange.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E9873A; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E9873A; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E9873A; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-orange.scss b/src/main/cinnamon/cinnamon-dark-orange.scss deleted file mode 100644 index abbdb494..00000000 --- a/src/main/cinnamon/cinnamon-dark-orange.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-pink.css b/src/main/cinnamon/cinnamon-dark-pink.css deleted file mode 100644 index c5836f02..00000000 --- a/src/main/cinnamon/cinnamon-dark-pink.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E55E9C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E55E9C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E55E9C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-pink.scss b/src/main/cinnamon/cinnamon-dark-pink.scss deleted file mode 100644 index 61a9fae5..00000000 --- a/src/main/cinnamon/cinnamon-dark-pink.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-purple.css b/src/main/cinnamon/cinnamon-dark-purple.css deleted file mode 100644 index 8ad83523..00000000 --- a/src/main/cinnamon/cinnamon-dark-purple.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #9A57A3; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #9A57A3; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #9A57A3; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-purple.scss b/src/main/cinnamon/cinnamon-dark-purple.scss deleted file mode 100644 index f15e8b8c..00000000 --- a/src/main/cinnamon/cinnamon-dark-purple.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-red.css b/src/main/cinnamon/cinnamon-dark-red.css deleted file mode 100644 index 1ffa7877..00000000 --- a/src/main/cinnamon/cinnamon-dark-red.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #ED5F5D; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #ED5F5D; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #ED5F5D; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-red.scss b/src/main/cinnamon/cinnamon-dark-red.scss deleted file mode 100644 index 8297c100..00000000 --- a/src/main/cinnamon/cinnamon-dark-red.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.css b/src/main/cinnamon/cinnamon-dark-solid-blue.css deleted file mode 100644 index acd9ff64..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-blue.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #2E7CF7; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #2E7CF7; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #2E7CF7; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.scss b/src/main/cinnamon/cinnamon-dark-solid-blue.scss deleted file mode 100644 index 326b6cfa..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-blue.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.css b/src/main/cinnamon/cinnamon-dark-solid-green.css deleted file mode 100644 index d3006672..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-green.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #79B757; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #79B757; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #79B757; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #79B757; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.scss b/src/main/cinnamon/cinnamon-dark-solid-green.scss deleted file mode 100644 index d39632a8..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-green.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.css b/src/main/cinnamon/cinnamon-dark-solid-grey.css deleted file mode 100644 index e9bea50f..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-grey.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #8C8C8C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #8C8C8C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #8C8C8C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.scss b/src/main/cinnamon/cinnamon-dark-solid-grey.scss deleted file mode 100644 index 6ad17423..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-grey.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.css b/src/main/cinnamon/cinnamon-dark-solid-orange.css deleted file mode 100644 index 0c53afd9..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-orange.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E9873A; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E9873A; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E9873A; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.scss b/src/main/cinnamon/cinnamon-dark-solid-orange.scss deleted file mode 100644 index 06513668..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-orange.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.css b/src/main/cinnamon/cinnamon-dark-solid-pink.css deleted file mode 100644 index 9187cf16..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-pink.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E55E9C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E55E9C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E55E9C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.scss b/src/main/cinnamon/cinnamon-dark-solid-pink.scss deleted file mode 100644 index 1055c877..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-pink.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.css b/src/main/cinnamon/cinnamon-dark-solid-purple.css deleted file mode 100644 index fbbc3024..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-purple.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #9A57A3; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #9A57A3; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #9A57A3; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.scss b/src/main/cinnamon/cinnamon-dark-solid-purple.scss deleted file mode 100644 index 6414dce7..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-purple.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.css b/src/main/cinnamon/cinnamon-dark-solid-red.css deleted file mode 100644 index 08daefba..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-red.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #ED5F5D; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #ED5F5D; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #ED5F5D; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.scss b/src/main/cinnamon/cinnamon-dark-solid-red.scss deleted file mode 100644 index 822a75a2..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-red.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.css b/src/main/cinnamon/cinnamon-dark-solid-yellow.css deleted file mode 100644 index 12c6bb32..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-yellow.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #F3BA4B; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #F3BA4B; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #F3BA4B; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.scss b/src/main/cinnamon/cinnamon-dark-solid-yellow.scss deleted file mode 100644 index f6d75edb..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid-yellow.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid.css b/src/main/cinnamon/cinnamon-dark-solid.css deleted file mode 100644 index 67947078..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #dadada; - font-size: 1em; - padding: 0px; - background-color: #2a2a2a; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #dadada; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #dadada; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #dadada; - background-color: #2a2a2a; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #dadada; - border-radius: 0; - background-color: #2a2a2a; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.window-list-item-box:focus { - color: #dadada; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #0860F2; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(218, 218, 218, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(218, 218, 218, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #dadada; - border: 0 solid rgba(218, 218, 218, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #dadada; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #dadada; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #dadada; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: #505050; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #505050; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: #5d5d5d; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #373737; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #0860F2; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #dadada; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #0860F2; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #dadada; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #dadada; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-solid.scss b/src/main/cinnamon/cinnamon-dark-solid.scss deleted file mode 100644 index f6330676..00000000 --- a/src/main/cinnamon/cinnamon-dark-solid.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-yellow.css b/src/main/cinnamon/cinnamon-dark-yellow.css deleted file mode 100644 index 3e8c535f..00000000 --- a/src/main/cinnamon/cinnamon-dark-yellow.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #F3BA4B; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #F3BA4B; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #F3BA4B; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark-yellow.scss b/src/main/cinnamon/cinnamon-dark-yellow.scss deleted file mode 100644 index fe434d5e..00000000 --- a/src/main/cinnamon/cinnamon-dark-yellow.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark.css b/src/main/cinnamon/cinnamon-dark.css deleted file mode 100644 index 14f2ccbf..00000000 --- a/src/main/cinnamon/cinnamon-dark.css +++ /dev/null @@ -1,2304 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #dedede; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #dedede; - background-color: #656565; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #f8f8f8; - background-color: #6d6d6d; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #dadada; - border: 2px solid transparent; - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #dadada; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(255, 255, 255, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(36, 36, 36, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #777777; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #666666; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(255, 255, 255, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #dedede; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #dedede; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(255, 255, 255, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(0, 0, 0, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-top { - border-bottom: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-bottom { - border-top: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-left { - border-right: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-right { - border-left: 1px solid rgba(0, 0, 0, 0.22); -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 2px; - background-color: #242424; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #dedede; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #dedede; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(222, 222, 222, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(222, 222, 222, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #dedede; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(222, 222, 222, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #dadada; - background-color: #333333; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #dadada; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #dadada; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #dadada; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #333333; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #333333; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid rgba(0, 0, 0, 0.15); - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.15); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #f8f8f8; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(222, 222, 222, 0.35); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #dedede; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #dedede; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(0, 0, 0, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(0, 0, 0, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #242424; - border-radius: 5px; - color: #dedede; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #0860F2; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(222, 222, 222, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: #262626; - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(38, 38, 38, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(38, 38, 38, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(51, 51, 51, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(13, 13, 13, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #0860F2; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #0860F2; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #dedede; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-dark.scss b/src/main/cinnamon/cinnamon-dark.scss deleted file mode 100644 index 0390a834..00000000 --- a/src/main/cinnamon/cinnamon-dark.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-blue.css b/src/main/cinnamon/cinnamon-light-blue.css deleted file mode 100644 index 63cbb05a..00000000 --- a/src/main/cinnamon/cinnamon-light-blue.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #2E7CF7; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #2E7CF7; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #2E7CF7; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-blue.scss b/src/main/cinnamon/cinnamon-light-blue.scss deleted file mode 100644 index 58e2cb70..00000000 --- a/src/main/cinnamon/cinnamon-light-blue.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-green.css b/src/main/cinnamon/cinnamon-light-green.css deleted file mode 100644 index eff6e74e..00000000 --- a/src/main/cinnamon/cinnamon-light-green.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #79B757; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #79B757; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #79B757; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #79B757; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-green.scss b/src/main/cinnamon/cinnamon-light-green.scss deleted file mode 100644 index 55c26952..00000000 --- a/src/main/cinnamon/cinnamon-light-green.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-grey.css b/src/main/cinnamon/cinnamon-light-grey.css deleted file mode 100644 index a46ac980..00000000 --- a/src/main/cinnamon/cinnamon-light-grey.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #8C8C8C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #8C8C8C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #8C8C8C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-grey.scss b/src/main/cinnamon/cinnamon-light-grey.scss deleted file mode 100644 index d183ecbb..00000000 --- a/src/main/cinnamon/cinnamon-light-grey.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-orange.css b/src/main/cinnamon/cinnamon-light-orange.css deleted file mode 100644 index 9970a685..00000000 --- a/src/main/cinnamon/cinnamon-light-orange.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E9873A; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E9873A; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E9873A; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-orange.scss b/src/main/cinnamon/cinnamon-light-orange.scss deleted file mode 100644 index 1b4f67e9..00000000 --- a/src/main/cinnamon/cinnamon-light-orange.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-pink.css b/src/main/cinnamon/cinnamon-light-pink.css deleted file mode 100644 index b2eac813..00000000 --- a/src/main/cinnamon/cinnamon-light-pink.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E55E9C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E55E9C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E55E9C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-pink.scss b/src/main/cinnamon/cinnamon-light-pink.scss deleted file mode 100644 index c4f622fc..00000000 --- a/src/main/cinnamon/cinnamon-light-pink.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-purple.css b/src/main/cinnamon/cinnamon-light-purple.css deleted file mode 100644 index cfecbd83..00000000 --- a/src/main/cinnamon/cinnamon-light-purple.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #9A57A3; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #9A57A3; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #9A57A3; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-purple.scss b/src/main/cinnamon/cinnamon-light-purple.scss deleted file mode 100644 index d48d7a8f..00000000 --- a/src/main/cinnamon/cinnamon-light-purple.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-red.css b/src/main/cinnamon/cinnamon-light-red.css deleted file mode 100644 index 59940be3..00000000 --- a/src/main/cinnamon/cinnamon-light-red.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #ED5F5D; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #ED5F5D; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #ED5F5D; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-red.scss b/src/main/cinnamon/cinnamon-light-red.scss deleted file mode 100644 index a42005ff..00000000 --- a/src/main/cinnamon/cinnamon-light-red.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.css b/src/main/cinnamon/cinnamon-light-solid-blue.css deleted file mode 100644 index 3beaf940..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-blue.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #2E7CF7; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #2E7CF7; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #2E7CF7; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #2E7CF7; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #2E7CF7; - color: white; - border: 1px solid #2E7CF7; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #2E7CF7; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #2E7CF7; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #2E7CF7; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #2E7CF7; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #2E7CF7; - border: 0px solid #2E7CF7; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #2E7CF7; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #2E7CF7; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #2E7CF7; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #2E7CF7; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #2E7CF7; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #2E7CF7; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #2E7CF7; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(46, 124, 247, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(46, 124, 247, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #2E7CF7; - background-gradient-end: #2E7CF7; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #2E7CF7; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #2E7CF7; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #2E7CF7; -} - -.workspace-button:hover { - color: #5f9bf9; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #2E7CF7; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #2E7CF7; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #2E7CF7; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #2E7CF7; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #2E7CF7; - background-color: rgba(46, 124, 247, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.scss b/src/main/cinnamon/cinnamon-light-solid-blue.scss deleted file mode 100644 index 10df3cdf..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-blue.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-green.css b/src/main/cinnamon/cinnamon-light-solid-green.css deleted file mode 100644 index a9916db7..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-green.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #79B757; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #79B757; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #79B757; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #79B757; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #79B757; - color: white; - border: 1px solid #79B757; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #79B757; - background-color: #79B757; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #79B757; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #79B757; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #79B757; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #79B757; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #79B757; - border: 0px solid #79B757; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #79B757; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #79B757; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #79B757; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #79B757; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #79B757; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #79B757; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #79B757; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #79B757; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(121, 183, 87, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(121, 183, 87, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #79B757; - background-gradient-end: #79B757; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #79B757; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #79B757; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #79B757; -} - -.workspace-button:hover { - color: #95c67b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #79B757; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #79B757; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #79B757; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #79B757; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #79B757; - background-color: rgba(121, 183, 87, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-green.scss b/src/main/cinnamon/cinnamon-light-solid-green.scss deleted file mode 100644 index 7cf7bbf2..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-green.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.css b/src/main/cinnamon/cinnamon-light-solid-grey.css deleted file mode 100644 index 7a5152a3..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-grey.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #8C8C8C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #8C8C8C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #8C8C8C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #8C8C8C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #8C8C8C; - color: white; - border: 1px solid #8C8C8C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #8C8C8C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #8C8C8C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #8C8C8C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #8C8C8C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #8C8C8C; - border: 0px solid #8C8C8C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #8C8C8C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #8C8C8C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #8C8C8C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #8C8C8C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #8C8C8C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #8C8C8C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #8C8C8C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(140, 140, 140, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(140, 140, 140, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #8C8C8C; - background-gradient-end: #8C8C8C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #8C8C8C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #8C8C8C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #8C8C8C; -} - -.workspace-button:hover { - color: #a6a6a6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #8C8C8C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #8C8C8C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #8C8C8C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #8C8C8C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #8C8C8C; - background-color: rgba(140, 140, 140, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.scss b/src/main/cinnamon/cinnamon-light-solid-grey.scss deleted file mode 100644 index 477d37a5..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-grey.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.css b/src/main/cinnamon/cinnamon-light-solid-orange.css deleted file mode 100644 index a9f1de14..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-orange.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E9873A; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E9873A; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E9873A; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E9873A; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E9873A; - color: white; - border: 1px solid #E9873A; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E9873A; - background-color: #E9873A; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E9873A; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E9873A; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E9873A; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E9873A; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E9873A; - border: 0px solid #E9873A; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E9873A; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E9873A; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E9873A; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E9873A; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E9873A; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E9873A; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E9873A; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E9873A; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(233, 135, 58, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(233, 135, 58, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E9873A; - background-gradient-end: #E9873A; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E9873A; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E9873A; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E9873A; -} - -.workspace-button:hover { - color: #eea368; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E9873A; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E9873A; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E9873A; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E9873A; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E9873A; - background-color: rgba(233, 135, 58, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.scss b/src/main/cinnamon/cinnamon-light-solid-orange.scss deleted file mode 100644 index efa31d05..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-orange.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.css b/src/main/cinnamon/cinnamon-light-solid-pink.css deleted file mode 100644 index 1a623c5f..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-pink.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #E55E9C; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #E55E9C; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #E55E9C; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #E55E9C; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #E55E9C; - color: white; - border: 1px solid #E55E9C; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #E55E9C; - background-color: #E55E9C; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #E55E9C; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #E55E9C; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #E55E9C; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #E55E9C; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #E55E9C; - border: 0px solid #E55E9C; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #E55E9C; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #E55E9C; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #E55E9C; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #E55E9C; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #E55E9C; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #E55E9C; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #E55E9C; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(229, 94, 156, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(229, 94, 156, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #E55E9C; - background-gradient-end: #E55E9C; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #E55E9C; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #E55E9C; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #E55E9C; -} - -.workspace-button:hover { - color: #ec8ab7; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #E55E9C; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #E55E9C; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #E55E9C; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #E55E9C; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #E55E9C; - background-color: rgba(229, 94, 156, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.scss b/src/main/cinnamon/cinnamon-light-solid-pink.scss deleted file mode 100644 index 661ff3ae..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-pink.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.css b/src/main/cinnamon/cinnamon-light-solid-purple.css deleted file mode 100644 index 531c1058..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-purple.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #9A57A3; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #9A57A3; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #9A57A3; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #9A57A3; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #9A57A3; - color: white; - border: 1px solid #9A57A3; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #9A57A3; - background-color: #9A57A3; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #9A57A3; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #9A57A3; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #9A57A3; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #9A57A3; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #9A57A3; - border: 0px solid #9A57A3; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #9A57A3; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #9A57A3; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #9A57A3; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #9A57A3; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #9A57A3; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #9A57A3; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #9A57A3; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(154, 87, 163, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(154, 87, 163, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #9A57A3; - background-gradient-end: #9A57A3; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #9A57A3; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #9A57A3; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #9A57A3; -} - -.workspace-button:hover { - color: #af77b6; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #9A57A3; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #9A57A3; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #9A57A3; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #9A57A3; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #9A57A3; - background-color: rgba(154, 87, 163, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.scss b/src/main/cinnamon/cinnamon-light-solid-purple.scss deleted file mode 100644 index 1e3f39b5..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-purple.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-red.css b/src/main/cinnamon/cinnamon-light-solid-red.css deleted file mode 100644 index 925f434c..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-red.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #ED5F5D; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #ED5F5D; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #ED5F5D; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #ED5F5D; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #ED5F5D; - color: white; - border: 1px solid #ED5F5D; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #ED5F5D; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #ED5F5D; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #ED5F5D; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #ED5F5D; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #ED5F5D; - border: 0px solid #ED5F5D; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #ED5F5D; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #ED5F5D; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #ED5F5D; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #ED5F5D; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #ED5F5D; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #ED5F5D; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #ED5F5D; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(237, 95, 93, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(237, 95, 93, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #ED5F5D; - background-gradient-end: #ED5F5D; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #ED5F5D; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #ED5F5D; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #ED5F5D; -} - -.workspace-button:hover { - color: #f28c8b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #ED5F5D; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #ED5F5D; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #ED5F5D; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #ED5F5D; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #ED5F5D; - background-color: rgba(237, 95, 93, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-red.scss b/src/main/cinnamon/cinnamon-light-solid-red.scss deleted file mode 100644 index 9101ef5e..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-red.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.css b/src/main/cinnamon/cinnamon-light-solid-yellow.css deleted file mode 100644 index 1f077fac..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-yellow.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #F3BA4B; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #F3BA4B; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #F3BA4B; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.scss b/src/main/cinnamon/cinnamon-light-solid-yellow.scss deleted file mode 100644 index a395d692..00000000 --- a/src/main/cinnamon/cinnamon-light-solid-yellow.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid.css b/src/main/cinnamon/cinnamon-light-solid.css deleted file mode 100644 index 01d2e74a..00000000 --- a/src/main/cinnamon/cinnamon-light-solid.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: #2a2a2a; - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: #363636; - font-size: 1em; - padding: 0px; - background-color: #f1f1f1; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: #363636; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: #363636; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: #2a2a2a; - border: 1px solid #2a2a2a; - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: #2a2a2a; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: #363636; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: #2a2a2a; - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: #2a2a2a; - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: #363636; - background-color: #f1f1f1; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: #363636; - border-radius: 0; - background-color: #f1f1f1; - border: none; - border-image: url("assets/menu-solid.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: #363636; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.window-list-item-box:focus { - color: #363636; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #0860F2; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(54, 54, 54, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(54, 54, 54, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: #363636; - border: 0 solid rgba(54, 54, 54, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: #363636; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.grouped-window-list-item-box:focus { - color: #363636; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.9); - border: 0px solid #161616; - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid #161616; - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: #363636; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: white; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: white; - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: #fefefe; - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #0860F2; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: #363636; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #0860F2; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: #363636; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: #363636; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: #2a2a2a; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: #2a2a2a; - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-solid.scss b/src/main/cinnamon/cinnamon-light-solid.scss deleted file mode 100644 index f6ff3cce..00000000 --- a/src/main/cinnamon/cinnamon-light-solid.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-yellow.css b/src/main/cinnamon/cinnamon-light-yellow.css deleted file mode 100644 index 74f3e5e4..00000000 --- a/src/main/cinnamon/cinnamon-light-yellow.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #F3BA4B; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #F3BA4B; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #F3BA4B; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #F3BA4B; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #F3BA4B; - color: white; - border: 1px solid #F3BA4B; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #F3BA4B; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #F3BA4B; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #F3BA4B; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #F3BA4B; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #F3BA4B; - border: 0px solid #F3BA4B; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #F3BA4B; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #F3BA4B; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #F3BA4B; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #F3BA4B; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #F3BA4B; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #F3BA4B; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #F3BA4B; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(243, 186, 75, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(243, 186, 75, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #F3BA4B; - background-gradient-end: #F3BA4B; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #F3BA4B; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #F3BA4B; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #F3BA4B; -} - -.workspace-button:hover { - color: #f6cc7b; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #F3BA4B; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #F3BA4B; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #F3BA4B; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #F3BA4B; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #F3BA4B; - background-color: rgba(243, 186, 75, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light-yellow.scss b/src/main/cinnamon/cinnamon-light-yellow.scss deleted file mode 100644 index ea8c042a..00000000 --- a/src/main/cinnamon/cinnamon-light-yellow.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light.css b/src/main/cinnamon/cinnamon-light.css deleted file mode 100644 index 786b4c22..00000000 --- a/src/main/cinnamon/cinnamon-light.css +++ /dev/null @@ -1,2288 +0,0 @@ -stage { - font-family: Futura Bk bt, sans, Sans-Serif; - font-size: 9pt; - color: #242424; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: inset 0 1px white; -} - -.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { - text-shadow: none; - color: #242424; - background-color: white; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { - text-shadow: none; - color: #0b0b0b; - background-color: #ffffff; - border: 1px solid #0860F2; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - border-radius: 5px; -} - -.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { - text-shadow: none; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - border-radius: 5px; -} - -.modal-dialog-button-box .modal-dialog-button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.modal-dialog-button-box .modal-dialog-button:focus { - color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { - padding: 7px; - caret-size: 1px; - selection-background-color: #0860F2; - selected-color: white; - transition-duration: 300ms; - border-radius: 5px; - color: #363636; - border: 2px solid transparent; - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #363636; - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); -} - -#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0); -} - -#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 4px; -} - -StScrollView.vfade { - -st-vfade-offset: 0px; -} - -StScrollView.hfade { - -st-hfade-offset: 0px; -} - -StScrollBar { - padding: 8px; -} - -StScrollView StScrollBar { - min-width: 5px; - min-height: 5px; -} - -StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.1); - border-radius: 8px; -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 2px; - background-color: #a1a1a1; - border: 0px solid; - margin: 0px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #b6b6b6; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #0860F2; -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0); - -gradient-end: rgba(0, 0, 0, 0); - -margin-horizontal: 1.5em; - height: 1em; -} - -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; -} - -.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { - -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: white; -} - -.check-box CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; -} - -.check-box StLabel { - font-weight: normal; -} - -.check-box StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.radiobutton CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; -} - -.radiobutton StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; -} - -.radiobutton StBin { - width: 16px; - height: 16px; - background-image: url("assets/checkbox-unchecked.svg"); -} - -.radiobutton:focus StBin { - background-image: url("assets/checkbox-unchecked-focused.svg"); -} - -.radiobutton:checked StBin { - background-image: url("assets/checkbox-checked.svg"); -} - -.radiobutton:focus:checked StBin { - background-image: url("assets/checkbox-checked-focused.svg"); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item:active .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item:active .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.cinnamon-link { - color: #3484e2; - text-decoration: underline; -} - -.cinnamon-link:hover { - color: #619fe8; -} - -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: rgba(42, 42, 42, 0.9); - color: #dadada; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -.menu, -.popup-menu, -.popup-combo-menu { - padding: 4px 4px 6px 4px; - color: #242424; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.menu-arrow, -.popup-menu-arrow { - icon-size: 16px; -} - -.menu .popup-sub-menu, -.popup-menu .popup-sub-menu, -.popup-combo-menu .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; -} - -.menu .popup-sub-menu .popup-menu-item:ltr, -.popup-menu .popup-sub-menu .popup-menu-item:ltr, -.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { - padding-right: 8px; -} - -.menu .popup-sub-menu .popup-menu-item:rtl, -.popup-menu .popup-sub-menu .popup-menu-item:rtl, -.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { - padding-left: 8px; -} - -.menu .popup-sub-menu StScrollBar, -.popup-menu .popup-sub-menu StScrollBar, -.popup-combo-menu .popup-sub-menu StScrollBar { - padding: 4px; -} - -.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, -.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { - border-width: 0; -} - -.menu .popup-menu-content, -.popup-menu .popup-menu-content, -.popup-combo-menu .popup-menu-content { - padding: 1em 0em 1em 0em; -} - -.menu .popup-menu-item, -.popup-menu .popup-menu-item, -.popup-combo-menu .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; -} - -.menu .popup-menu-item:active, -.popup-menu .popup-menu-item:active, -.popup-combo-menu .popup-menu-item:active { - color: white; - border-image: url("assets/menu-hover.svg") 15 15 2 2; -} - -.menu .popup-menu-item:insensitive, -.popup-menu .popup-menu-item:insensitive, -.popup-combo-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.5); - background: none; -} - -.menu .popup-inactive-menu-item, -.popup-menu .popup-inactive-menu-item, -.popup-combo-menu .popup-inactive-menu-item { - color: #242424; -} - -.menu .popup-inactive-menu-item:insensitive, -.popup-menu .popup-inactive-menu-item:insensitive, -.popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-menu .popup-menu-item:active .popup-inactive-menu-item, -.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: white; -} - -.menu-icon, -.popup-menu-icon { - icon-size: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0, 0, 0, 0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0, 0, 0, 0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - padding: 10px; -} - -.popup-combobox-item { - spacing: 1em; -} - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { - spacing: .5em; -} - -.popup-subtitle-menu-item { - font-weight: normal; -} - -.nm-menu-item-icons { - spacing: .5em; -} - -#panel { - font-weight: bold; - height: 27px; - width: 32px; -} - -#panel:highlight { - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -#panelLeft { - spacing: 4px; -} - -#panelLeft:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255, 0, 0, 0.05); - background-gradient-end: rgba(255, 0, 0, 0.2); -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelLeft.vertical { - padding: 0; -} - -#panelLeft.vertical:ltr { - padding-right: 0px; -} - -#panelLeft.vertical:rtl { - padding-left: 0px; -} - -#panelRight:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 0, 255, 0.05); - background-gradient-end: rgba(0, 0, 255, 0.2); -} - -#panelRight:ltr { - padding-left: 4px; - spacing: 0px; -} - -#panelRight:rtl { - padding-right: 4px; - spacing: 0px; -} - -#panelRight.vertical { - padding: 0; -} - -#panelRight.vertical:ltr { - padding-right: 0px; -} - -#panelRight.vertical:rtl { - padding-left: 0px; -} - -#panelCenter { - spacing: 4px; -} - -#panelCenter:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0, 255, 0, 0.05); - background-gradient-end: rgba(0, 255, 0, 0.2); -} - -.panel-top, .panel-bottom, .panel-left, .panel-right { - color: white; - font-size: 1em; - padding: 0px; - background-color: rgba(255, 255, 255, 0.16); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); -} - -.panel-top .panel-button:hover, -.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, -.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, -.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, -.panel-right .panel-status-button:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.panel-top .panel-button:active, -.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, -.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, -.panel-left .panel-status-button:active, .panel-right .panel-button:active, -.panel-right .panel-status-button:active { - color: white; - background-color: #0860F2; -} - -.panel-dummy { - background-color: rgba(252, 65, 56, 0.5); -} - -.panel-dummy:entered { - background-color: rgba(252, 65, 56, 0.6); -} - -.panel-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: white; -} - -.panel-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: white; -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -#overview { - spacing: 12px; -} - -.window-caption { - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(42, 42, 42, 0.9); - color: #dadada; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; -} - -#selected.window-caption { - background-color: #0860F2; - color: white; - border: 1px solid #0860F2; - spacing: 25px; -} - -.expo-workspaces-name-entry, -#selected.expo-workspaces-name-entry { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.expo-workspaces-name-entry:focus, -#selected.expo-workspaces-name-entry:focus { - border: 1px solid #0860F2; - background-color: #0860F2; - color: white; - font-style: italic; - transition-duration: 300; - selection-background-color: white; - selected-color: #0860F2; -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255, 255, 255, 0); - background-color: rgba(255, 255, 255, 0); - border-radius: 2px; -} - -#active.expo-workspace-thumbnail-frame { - border: 4px solid #0860F2; - background-color: black; - border-radius: 2px; -} - -.expo-background { - background-color: #2a2a2a; -} - -.workspace-thumbnails { - spacing: 26px; -} - -.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { - padding: 8px; -} - -.workspace-add-button { - background-image: url("assets/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; -} - -.workspace-add-button:hover { - background-image: url("assets/add-workspace-hover.svg"); - transition-duration: 100; -} - -.workspace-add-button:active { - background-image: url("assets/add-workspace-active.svg"); - transition-duration: 100; -} - -.workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.5); -} - -.workspace-close-button, -.window-close { - background-image: url("assets/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; -} - -.workspace-close-button:hover, -.window-close:hover { - background-image: url("assets/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-close-button:active, -.window-close:active { - background-image: url("assets/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); -} - -.window-close-area { - background-image: url("assets/trash-icon.svg"); - height: 120px; - width: 400px; -} - -.about-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; -} - -.about-title { - font-size: 2em; - font-weight: bold; -} - -.about-uuid { - font-size: 10px; - color: #888; -} - -.about-icon { - padding-right: 20px; - padding-bottom: 14px; -} - -.about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 2px; - background-color: #ffffff; - padding: 4px; - padding-right: 0; - border-radius: 0; -} - -.about-scrollBox-innerBox { - padding: 1.2em; - spacing: 1.2em; -} - -.about-description { - padding-top: 4px; - padding-bottom: 16px; -} - -.about-version { - padding-left: 7px; - font-size: 10px; - color: #888; -} - -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: #242424; - font-weight: bold; - margin: 0 2px; - padding: 2px; -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; -} - -.calendar-change-month-back:focus, .calendar-change-month-back:hover, -.calendar-change-month-forward:focus, -.calendar-change-month-forward:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.calendar-change-month-back:active, -.calendar-change-month-forward:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.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"); -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: #242424; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: rgba(36, 36, 36, 0.85); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: rgba(36, 36, 36, 0.8); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: #242424; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: white; - background-color: #0860F2; - border-width: 0; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.3); - opacity: 1; -} - -.calendar-week-number { - color: rgba(36, 36, 36, 0.7); - font-size: 80%; -} - -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: #363636; - background-color: #f5f5f5; -} - -#notification .notification-button, #notification .notification-icon-button { - padding: 5px; -} - -.menu #notification, .popup-menu #notification { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #363636; -} - -.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { - padding: 5px; -} - -#notification.multi-line-notification { - padding-bottom: 13px; - color: #363636; -} - -#notification-scrollview { - max-height: 10em; -} - -#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { - height: 1em; -} - -#notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -#notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -#notification-body { - spacing: 5px; -} - -#notification-actions { - spacing: 10px; -} - -.notification-with-image { - min-height: 159px; - color: #363636; -} - -.notification-button, .notification-icon-button { - padding: 5px; -} - -.notification-icon-button > StIcon { - icon-size: 36px; -} - -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; - padding: 20px; -} - -.switcher-list > StBoxLayout { - padding: 4px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 2px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: 1px solid #0860F2; -} - -.switcher-list .item-box:selected { - color: white; - background-color: #0860F2; - border: 0px solid #0860F2; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.2); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #dadada; -} - -.switcher-arrow:highlighted { - border-color: rgba(0, 0, 0, 0); - color: white; -} - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -.ripple-box { - width: 104px; - height: 104px; - background-image: url("assets/corner-ripple.svg"); - background-size: contain; -} - -.lightbox { - background-color: rgba(0, 0, 0, 0.4); -} - -.flashspot { - background-color: white; -} - -.modal-dialog { - color: #dadada; - background-color: rgba(34, 34, 34, 0.95); - border: 1px solid rgba(0, 0, 0, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); -} - -.modal-dialog > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; -} - -.modal-dialog-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; -} - -.modal-dialog-button-box .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; -} - -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: #f5f5f5; - border-radius: 5px; -} - -.run-dialog > * { - padding: 0; -} - -.run-dialog-label { - font-size: 0; - font-weight: bold; - color: #dadada; - padding-bottom: 0; -} - -.run-dialog-error-label { - color: #FC4138; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.run-dialog-completion-box { - padding-left: 15px; - font-size: 10px; -} - -.run-dialog-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: #dadada; - selected-color: white; - selection-background-color: #0860F2; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog-entry:focus { - color: white; - background-color: #0860F2; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); -} - -.run-dialog .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: #F27835; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.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: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.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; -} - -.show-processes-dialog-app-list-item-name { - font-size: 1.1em; -} - -.magnifier-zoom-region { - border: 2px solid maroon; -} - -.magnifier-zoom-region .full-screen { - border-width: 0px; -} - -#keyboard { - background-color: rgba(42, 42, 42, 0.9); - border-width: 0; - border-top-width: 1px; - border-color: rgba(0, 0, 0, 0.4); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - text-shadow: none; - color: #dadada; - background-color: rgba(98, 98, 98, 0.96); -} - -.keyboard-key:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.keyboard-key:active, .keyboard-key:checked { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.keyboard-key:grayed { - text-shadow: none; - color: #5f5f5f; - background-color: rgba(98, 98, 98, 0.81); -} - -.keyboard-subkeys { - color: #dadada; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: rgba(42, 42, 42, 0.9); - -arrow-border-width: 1px; - -arrow-border-color: rgba(0, 0, 0, 0.4); - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -.menu-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: #f5f5f5; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 3px; -} - -.menu-favorites-button { - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-favorites-button:hover { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-places-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-places-button { - padding: 10px; -} - -.menu-categories-box { - padding: 10px 30px 10px 30px; -} - -.menu-applications-inner-box, .menu-applications-outer-box { - padding: 10px 10px 0 10px; -} - -.menu-application-button { - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button:highlighted { - font-weight: bold; -} - -.menu-application-button-selected { - text-shadow: none; - color: white; - background-color: #0860F2; - border: 1px solid #487afa; - padding: 6px; - border-radius: 2px; - border: none; -} - -.menu-application-button-selected:highlighted { - font-weight: bold; -} - -.menu-application-button-label:ltr { - padding-left: 5px; -} - -.menu-application-button-label:rtl { - padding-right: 5px; -} - -.menu StScrollView.menu-application-button { - padding: 0; - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.menu StScrollView.menu-application-button .popup-menu-item { - padding: 0; - spacing: 0; -} - -.menu StScrollView.menu-application-button .popup-menu-item:ltr { - padding-left: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:rtl { - padding-right: 7px; -} - -.menu StScrollView.menu-application-button .popup-menu-item:active { - border-image: none; - background-color: #0860F2; -} - -.menu StScrollView.menu-application-button .popup-menu-item StIcon { - min-width: 22px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { - padding: 6px 0 7px 5px; -} - -.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { - padding: 6px 5px 7px 0; -} - -.menu-category-button { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0); - border-radius: 5px; -} - -.menu-category-button-selected { - padding: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -.menu-category-button-hover, .menu-category-button-selected { - text-shadow: none; - color: #0b0b0b; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - border-radius: 5px; -} - -.menu-category-button-greyed { - padding: 6px; - color: rgba(36, 36, 36, 0.45); - border: 1px solid rgba(0, 0, 0, 0); -} - -.menu-category-button-label:ltr { - padding-left: 5px; -} - -.menu-category-button-label:rtl { - padding-right: 5px; -} - -.menu-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; -} - -.menu-selected-app-box:rtl { - padding-top: 10px; - height: 30px; -} - -.menu-selected-app-title { - font-weight: bold; -} - -.menu-selected-app-description { - max-width: 150px; -} - -.menu-search-box:ltr { - padding-left: 30px; -} - -.menu-search-box-rtl { - padding-right: 30px; -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: #242424; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: #242424; -} - -/* Context menu (at the moment only for favorites) */ -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: white; - background-color: rgba(255, 255, 255, 0.16); -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - min-width: 64px; - min-height: 64px; - color: white; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.16); - border: none; - border-image: url("assets/menu.svg") 15 15 15 15; -} - -.osd-window .osd-monitor-label { - font-size: 3em; -} - -.osd-window .level { - padding: 0; - height: 4px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 2px; - color: #0860F2; -} - -.osd-window .level-bar { - border-radius: 2px; - background-color: #0860F2; -} - -.window-list-box { - spacing: 0; -} - -.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { - padding: 0 0 0 8px; -} - -.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { - padding: 0 8px 0 0; -} - -.window-list-box.vertical { - padding: 6px 0 0 0; -} - -.window-list-box.vertical #appMenuIcon { - padding-top: 2px; -} - -.window-list-box:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.window-list-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; -} - -.window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.9); - border: 0 solid transparent; -} - -.panel-bottom .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-top .window-list-item-box StLabel { - padding-left: 6px; -} - -.panel-left .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-right .window-list-item-box StLabel { - padding-top: 6px; -} - -.panel-top .window-list-item-box { - border-top-width: 2px; -} - -.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.panel-bottom .window-list-item-box { - border-bottom-width: 2px; -} - -.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.panel-left .window-list-item-box { - border-left-width: 2px; -} - -.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.panel-right .window-list-item-box { - border-right-width: 2px; -} - -.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:hover { - border-right-width: 2px; -} - -.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: white; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { - border-right-width: 2px; -} - -.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.window-list-item-box:focus { - color: white; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .window-list-item-box:focus { - border-right-width: 2px; -} - -.window-list-item-box.right, .window-list-item-box.left { - padding-left: 0px; - padding-right: 0px; -} - -.window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.window-list-preview { - padding: 12px; - spacing: 8px; - border: none; - background-color: #ffffff; - border-radius: 5px; - color: #242424; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); -} - -.grouped-window-list-thumbnail-label { - padding-left: 4px; -} - -.grouped-window-list-thumbnail-alert { - background-color: rgba(252, 65, 56, 0.5); -} - -.grouped-window-list-thumbnail-menu .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; -} - -.grouped-window-list-thumbnail-menu .item-box:outlined { - padding: 2px; - border: 2px solid #0860F2; -} - -.grouped-window-list-thumbnail-menu .item-box:selected { - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-thumbnail-menu .thumbnail { - width: 256px; -} - -.grouped-window-list-thumbnail-menu .separator { - width: 1px; - background-color: rgba(255, 255, 255, 0.33); -} - -.grouped-window-list-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: white; - padding: 0; -} - -.grouped-window-list-button-label { - padding-left: 4px; -} - -.grouped-window-list-badge { - border-radius: 256px; - background-color: #0860F2; -} - -.grouped-window-list-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba(255, 255, 255, 0.6); - border: 0 solid transparent; -} - -.grouped-window-list-item-box.top { - border-top-width: 2px; -} - -.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { - padding: 2px; - padding-top: 0; -} - -.grouped-window-list-item-box.bottom { - border-bottom-width: 2px; -} - -.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { - padding: 2px; - padding-bottom: 0; -} - -.grouped-window-list-item-box.left { - border-left-width: 2px; -} - -.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { - padding: 2px; - padding-left: 0; -} - -.grouped-window-list-item-box.right { - border-right-width: 2px; -} - -.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { - padding: 2px; - padding-right: 0; -} - -.grouped-window-list-item-box:hover { - color: white; - border: 0 solid rgba(255, 255, 255, 0.5); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:hover { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:hover { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:hover { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:hover { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { - color: white; - border: 0 solid rgba(8, 96, 242, 0.35); - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { - border-right-width: 2px; -} - -.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { - border-color: rgba(8, 96, 242, 0.5); -} - -.grouped-window-list-item-box:focus { - color: white; - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .grouped-window-list-item-box:focus { - border-top-width: 2px; -} - -.panel-bottom .grouped-window-list-item-box:focus { - border-bottom-width: 2px; -} - -.panel-left .grouped-window-list-item-box:focus { - border-left-width: 2px; -} - -.panel-right .grouped-window-list-item-box:focus { - border-right-width: 2px; -} - -.grouped-window-list-item-box .progress { - background-gradient-direction: vertical; - background-gradient-start: #0860F2; - background-gradient-end: #0860F2; - border-radius: 2px; - box-shadow: none; -} - -.grouped-window-list-item-demands-attention { - background-gradient-start: #F27835; - background-gradient-end: #F27835; -} - -.sound-button { - width: 22px; - height: 13px; - padding: 8px; -} - -.sound-button-container { - padding-right: 3px; - padding-left: 3px; -} - -.sound-button StIcon { - icon-size: 1.4em; -} - -.sound-track-infos { - padding: 5px; -} - -.sound-track-info { - padding-top: 2px; - padding-bottom: 2px; -} - -.sound-track-info StIcon { - icon-size: 16px; -} - -.sound-track-info StLabel { - padding-left: 5px; - padding-right: 5px; -} - -.sound-track-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; -} - -.sound-seek-box { - padding-left: 15px; -} - -.sound-seek-box StLabel { - padding-top: 2px; -} - -.sound-seek-box StIcon { - icon-size: 16px; -} - -.sound-seek-slider { - width: 140px; -} - -.sound-volume-menu-item { - padding: .4em 1.75em; -} - -.sound-volume-menu-item StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; -} - -.sound-playback-control { - padding: 5px 10px 10px 10px; -} - -.sound-player { - padding: 0 3px; -} - -.sound-player > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; -} - -.sound-player > StBoxLayout:first-child StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; -} - -.sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(36, 36, 36, 0.25); -} - -.sound-player > StBoxLayout:first-child StButton:small StIcon { - icon-size: 16px; -} - -.sound-player-generic-coverart { - background: rgba(0, 0, 0, 0.2); -} - -.sound-player-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: rgba(29, 29, 29, 0.8); - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - color: #dadada; -} - -.sound-player-overlay StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: #dadada; - border-radius: 3px; - border: none; -} - -.sound-player-overlay StButton StIcon { - icon-size: 16px; -} - -.sound-player-overlay StButton:hover { - text-shadow: none; - color: #dadada; - background-color: #747474; -} - -.sound-player-overlay StButton:active { - text-shadow: none; - color: white; - background-color: #0860F2; -} - -.sound-player-overlay StLabel { - padding: 0 6px; -} - -.sound-player-overlay StBoxLayout { - padding-top: 2px; -} - -.sound-player .slider { - height: 0.5em; - padding: 0; - border: 0px solid rgba(22, 22, 22, 0.9); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: rgba(0, 0, 0, 0.12); - -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #0860F2; - -slider-active-border-color: rgba(0, 0, 0, 0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; -} - -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: white; - padding: 3px; - padding-top: 4px; - transition-duration: 300; -} - -.workspace-button:outlined, .workspace-button:outlined:hover { - color: #0860F2; -} - -.workspace-button:hover { - color: #357ef8; -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid rgba(0, 0, 0, 0.4); - background-gradient-direction: none; - background-color: rgba(0, 0, 0, 0.2); -} - -.workspace-graph .workspace:active { - border: 1px solid #0860F2; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: rgba(255, 255, 255, 0.16); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(255, 255, 255, 0.16); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -#panel-launchers-box { - padding: 0 6px; -} - -#panel-launchers-box.vertical { - padding: 3px 0; -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; -} - -.panel-launcher:hover { - background-gradient-direction: none; - border: 0px solid #0860F2; -} - -.panel-bottom .panel-launcher:hover { - border-bottom-width: 2px; - padding-bottom: 0; -} - -.panel-top .panel-launcher:hover { - border-top-width: 2px; - padding-top: 0; -} - -.panel-left .panel-launcher:hover { - border-left-width: 2px; - padding-left: 0; -} - -.panel-right .panel-launcher:hover { - border-right-width: 2px; - padding-right: 0; -} - -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; -} - -.launcher:hover { - border: 0 solid #0860F2; - background-gradient-direction: none; -} - -.panel-top .launcher:hover { - padding-top: 0; - border-top-width: 2px; -} - -.panel-bottom .launcher:hover { - padding-bottom: 0; - border-bottom-width: 2px; -} - -.panel-left .launcher:hover { - padding-left: 0; - border-left-width: 2px; -} - -.panel-right .launcher:hover { - padding-right: 0; - border-right-width: 2px; -} - -.launcher .icon-box { - padding: 0 2px; -} - -.launcher .icon-box.vertical { - padding: 2px 0; -} - -.applet-separator { - padding: 1px 4px; -} - -.applet-separator-line { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.applet-box { - padding-left: 3px; - padding-right: 3px; - color: white; - text-shadow: none; - transition-duration: 100; -} - -.applet-box.vertical { - padding: 3px 0; -} - -.applet-box:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -.applet-box:checked, .applet-box:checked:hover { - color: white; - background-color: #0860F2; -} - -.applet-box:highlight { - background-image: none; - border-image: none; - background-color: rgba(252, 65, 56, 0.5); -} - -.applet-label { - font-weight: bold; - color: white; -} - -.applet-box:checked .applet-label { - color: white; - text-shadow: none; -} - -.applet-icon { - color: white; - icon-size: 22px; -} - -.applet-box:checked .applet-icon { - color: white; - text-shadow: none; -} - -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: #242424; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -.desklet { - color: #dadada; -} - -.desklet:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -.desklet-with-borders:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-with-borders-and-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; -} - -.desklet-with-borders-and-header:highlight { - background-color: rgba(252, 65, 56, 0.5); -} - -.desklet-header { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; -} - -.desklet-drag-placeholder { - border: 2px solid #0860F2; - background-color: rgba(8, 96, 242, 0.3); -} - -.photoframe-box { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - padding: 12px; - padding-bottom: 16px; -} - -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -.notification-applet-padding { - padding: .5em 1em; -} - -.notification-applet-container { - max-height: 100px; -} - -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0, 0, 0, 0); - border-radius: 0px; -} diff --git a/src/main/cinnamon/cinnamon-light.scss b/src/main/cinnamon/cinnamon-light.scss deleted file mode 100644 index bbfcfeae..00000000 --- a/src/main/cinnamon/cinnamon-light.scss +++ /dev/null @@ -1,10 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/cinnamon/drawing'; -@import '../../sass/cinnamon/common'; diff --git a/src/main/gnome-shell/gdm3-dark-blue.css b/src/main/gnome-shell/gdm3-dark-blue.css deleted file mode 100644 index 138381f8..00000000 --- a/src/main/gnome-shell/gdm3-dark-blue.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-blue.scss b/src/main/gnome-shell/gdm3-dark-blue.scss deleted file mode 100644 index 6bf78759..00000000 --- a/src/main/gnome-shell/gdm3-dark-blue.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-green.css b/src/main/gnome-shell/gdm3-dark-green.css deleted file mode 100644 index e577b208..00000000 --- a/src/main/gnome-shell/gdm3-dark-green.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-green.scss b/src/main/gnome-shell/gdm3-dark-green.scss deleted file mode 100644 index 80f8a5e1..00000000 --- a/src/main/gnome-shell/gdm3-dark-green.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-grey.css b/src/main/gnome-shell/gdm3-dark-grey.css deleted file mode 100644 index 6b831609..00000000 --- a/src/main/gnome-shell/gdm3-dark-grey.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-grey.scss b/src/main/gnome-shell/gdm3-dark-grey.scss deleted file mode 100644 index b2900f2c..00000000 --- a/src/main/gnome-shell/gdm3-dark-grey.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-orange.css b/src/main/gnome-shell/gdm3-dark-orange.css deleted file mode 100644 index ef89e0e9..00000000 --- a/src/main/gnome-shell/gdm3-dark-orange.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-orange.scss b/src/main/gnome-shell/gdm3-dark-orange.scss deleted file mode 100644 index 68671a44..00000000 --- a/src/main/gnome-shell/gdm3-dark-orange.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-pink.css b/src/main/gnome-shell/gdm3-dark-pink.css deleted file mode 100644 index 0e268d2a..00000000 --- a/src/main/gnome-shell/gdm3-dark-pink.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-pink.scss b/src/main/gnome-shell/gdm3-dark-pink.scss deleted file mode 100644 index 5d52e9c9..00000000 --- a/src/main/gnome-shell/gdm3-dark-pink.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-purple.css b/src/main/gnome-shell/gdm3-dark-purple.css deleted file mode 100644 index 03d965ee..00000000 --- a/src/main/gnome-shell/gdm3-dark-purple.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-purple.scss b/src/main/gnome-shell/gdm3-dark-purple.scss deleted file mode 100644 index 2db63c46..00000000 --- a/src/main/gnome-shell/gdm3-dark-purple.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-red.css b/src/main/gnome-shell/gdm3-dark-red.css deleted file mode 100644 index 3d1b10f0..00000000 --- a/src/main/gnome-shell/gdm3-dark-red.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-red.scss b/src/main/gnome-shell/gdm3-dark-red.scss deleted file mode 100644 index 8a126eb1..00000000 --- a/src/main/gnome-shell/gdm3-dark-red.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-yellow.css b/src/main/gnome-shell/gdm3-dark-yellow.css deleted file mode 100644 index 72f6778a..00000000 --- a/src/main/gnome-shell/gdm3-dark-yellow.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark-yellow.scss b/src/main/gnome-shell/gdm3-dark-yellow.scss deleted file mode 100644 index b1680205..00000000 --- a/src/main/gnome-shell/gdm3-dark-yellow.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark.css b/src/main/gnome-shell/gdm3-dark.css deleted file mode 100644 index e749b097..00000000 --- a/src/main/gnome-shell/gdm3-dark.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-dark.scss b/src/main/gnome-shell/gdm3-dark.scss deleted file mode 100644 index e5e664e3..00000000 --- a/src/main/gnome-shell/gdm3-dark.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-blue.css b/src/main/gnome-shell/gdm3-light-blue.css deleted file mode 100644 index 09e54132..00000000 --- a/src/main/gnome-shell/gdm3-light-blue.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-blue.scss b/src/main/gnome-shell/gdm3-light-blue.scss deleted file mode 100644 index c637ed74..00000000 --- a/src/main/gnome-shell/gdm3-light-blue.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-green.css b/src/main/gnome-shell/gdm3-light-green.css deleted file mode 100644 index f5a5de3b..00000000 --- a/src/main/gnome-shell/gdm3-light-green.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-green.scss b/src/main/gnome-shell/gdm3-light-green.scss deleted file mode 100644 index 8a80b216..00000000 --- a/src/main/gnome-shell/gdm3-light-green.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-grey.css b/src/main/gnome-shell/gdm3-light-grey.css deleted file mode 100644 index 7959e46b..00000000 --- a/src/main/gnome-shell/gdm3-light-grey.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-grey.scss b/src/main/gnome-shell/gdm3-light-grey.scss deleted file mode 100644 index 53b2ac59..00000000 --- a/src/main/gnome-shell/gdm3-light-grey.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-orange.css b/src/main/gnome-shell/gdm3-light-orange.css deleted file mode 100644 index edb9ab64..00000000 --- a/src/main/gnome-shell/gdm3-light-orange.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-orange.scss b/src/main/gnome-shell/gdm3-light-orange.scss deleted file mode 100644 index 92c2fa93..00000000 --- a/src/main/gnome-shell/gdm3-light-orange.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-pink.css b/src/main/gnome-shell/gdm3-light-pink.css deleted file mode 100644 index 2776657d..00000000 --- a/src/main/gnome-shell/gdm3-light-pink.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-pink.scss b/src/main/gnome-shell/gdm3-light-pink.scss deleted file mode 100644 index 65cc22a1..00000000 --- a/src/main/gnome-shell/gdm3-light-pink.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-purple.css b/src/main/gnome-shell/gdm3-light-purple.css deleted file mode 100644 index 9d2d05b2..00000000 --- a/src/main/gnome-shell/gdm3-light-purple.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-purple.scss b/src/main/gnome-shell/gdm3-light-purple.scss deleted file mode 100644 index 9b89c187..00000000 --- a/src/main/gnome-shell/gdm3-light-purple.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-red.css b/src/main/gnome-shell/gdm3-light-red.css deleted file mode 100644 index 3f9cac84..00000000 --- a/src/main/gnome-shell/gdm3-light-red.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-red.scss b/src/main/gnome-shell/gdm3-light-red.scss deleted file mode 100644 index baecff3e..00000000 --- a/src/main/gnome-shell/gdm3-light-red.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-yellow.css b/src/main/gnome-shell/gdm3-light-yellow.css deleted file mode 100644 index 48ed76dd..00000000 --- a/src/main/gnome-shell/gdm3-light-yellow.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light-yellow.scss b/src/main/gnome-shell/gdm3-light-yellow.scss deleted file mode 100644 index d48e35a0..00000000 --- a/src/main/gnome-shell/gdm3-light-yellow.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light.css b/src/main/gnome-shell/gdm3-light.css deleted file mode 100644 index e8e38e81..00000000 --- a/src/main/gnome-shell/gdm3-light.css +++ /dev/null @@ -1,2053 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} diff --git a/src/main/gnome-shell/gdm3-light.scss b/src/main/gnome-shell/gdm3-light.scss deleted file mode 100644 index 8c58ae96..00000000 --- a/src/main/gnome-shell/gdm3-light.scss +++ /dev/null @@ -1,29 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets/base'; -@import '../../sass/gnome-shell/widgets/buttons'; -@import '../../sass/gnome-shell/widgets/calendar'; -@import '../../sass/gnome-shell/widgets/checkbox'; -//@import '../../sass/gnome-shell/widgets/dashboard'; -//@import '../../sass/gnome-shell/widgets/dialogs'; -@import '../../sass/gnome-shell/widgets/entrys'; -@import '../../sass/gnome-shell/widgets/keyboard'; -@import '../../sass/gnome-shell/widgets/login-dialog'; -//@import '../../sass/gnome-shell/widgets/looking-glass'; -//@import '../../sass/gnome-shell/widgets/misc'; -//@import '../../sass/gnome-shell/widgets/notifications'; -//@import '../../sass/gnome-shell/widgets/osd'; -//@import '../../sass/gnome-shell/widgets/overview'; -@import '../../sass/gnome-shell/widgets/panel'; -@import '../../sass/gnome-shell/widgets/popovers'; -@import '../../sass/gnome-shell/widgets/screen-shield'; -@import '../../sass/gnome-shell/widgets/scrollbar'; -@import '../../sass/gnome-shell/widgets/slider'; -@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-alt-blue.css deleted file mode 100644 index 12107a9e..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-blue.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss b/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss deleted file mode 100644 index d252bfd3..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-alt-green.css deleted file mode 100644 index 822e9b31..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-green.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.scss b/src/main/gnome-shell/gnome-shell-dark-alt-green.scss deleted file mode 100644 index 2c2daa3b..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-alt-grey.css deleted file mode 100644 index c78e673c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-grey.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss b/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss deleted file mode 100644 index 0dcbea3d..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-alt-orange.css deleted file mode 100644 index 5c2f8897..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-orange.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss b/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss deleted file mode 100644 index 1d8a8376..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-alt-pink.css deleted file mode 100644 index 91727576..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-pink.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss b/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss deleted file mode 100644 index 056e73f1..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-alt-purple.css deleted file mode 100644 index 7851c034..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-purple.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss b/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss deleted file mode 100644 index 4f964dde..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-alt-red.css deleted file mode 100644 index 71976dcb..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-red.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.scss b/src/main/gnome-shell/gnome-shell-dark-alt-red.scss deleted file mode 100644 index 155a05ec..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css deleted file mode 100644 index 957bb8a7..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss deleted file mode 100644 index 0a565992..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt.css b/src/main/gnome-shell/gnome-shell-dark-alt.css deleted file mode 100644 index adbf13d7..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt.scss b/src/main/gnome-shell/gnome-shell-dark-alt.scss deleted file mode 100644 index 92b36341..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-alt.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.css b/src/main/gnome-shell/gnome-shell-dark-blue.css deleted file mode 100644 index 12107a9e..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-blue.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.scss b/src/main/gnome-shell/gnome-shell-dark-blue.scss deleted file mode 100644 index d252bfd3..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-green.css b/src/main/gnome-shell/gnome-shell-dark-green.css deleted file mode 100644 index 822e9b31..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-green.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-green.scss b/src/main/gnome-shell/gnome-shell-dark-green.scss deleted file mode 100644 index 2c2daa3b..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.css b/src/main/gnome-shell/gnome-shell-dark-grey.css deleted file mode 100644 index c78e673c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-grey.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.scss b/src/main/gnome-shell/gnome-shell-dark-grey.scss deleted file mode 100644 index 0dcbea3d..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.css b/src/main/gnome-shell/gnome-shell-dark-orange.css deleted file mode 100644 index 5c2f8897..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-orange.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.scss b/src/main/gnome-shell/gnome-shell-dark-orange.scss deleted file mode 100644 index 1d8a8376..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.css b/src/main/gnome-shell/gnome-shell-dark-pink.css deleted file mode 100644 index 91727576..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-pink.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.scss b/src/main/gnome-shell/gnome-shell-dark-pink.scss deleted file mode 100644 index 056e73f1..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.css b/src/main/gnome-shell/gnome-shell-dark-purple.css deleted file mode 100644 index 7851c034..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-purple.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.scss b/src/main/gnome-shell/gnome-shell-dark-purple.scss deleted file mode 100644 index 4f964dde..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-red.css b/src/main/gnome-shell/gnome-shell-dark-red.css deleted file mode 100644 index 71976dcb..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-red.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-red.scss b/src/main/gnome-shell/gnome-shell-dark-red.scss deleted file mode 100644 index 155a05ec..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css deleted file mode 100644 index 73dab021..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss deleted file mode 100644 index 19c13653..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css deleted file mode 100644 index 4ef75ca3..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss deleted file mode 100644 index b2d79a16..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css deleted file mode 100644 index 651bd04c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss deleted file mode 100644 index 0a0482e0..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css deleted file mode 100644 index 01daebde..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss deleted file mode 100644 index 8fbe0479..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css deleted file mode 100644 index ef940615..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss deleted file mode 100644 index 6788d02c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css deleted file mode 100644 index ca2215a0..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss deleted file mode 100644 index 2107ee92..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css deleted file mode 100644 index a4aa28d6..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss deleted file mode 100644 index 997b6561..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css deleted file mode 100644 index bfcdadcd..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss deleted file mode 100644 index a348902c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt.css deleted file mode 100644 index 5d3499fd..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss deleted file mode 100644 index 4341fec6..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-blue.css deleted file mode 100644 index 73dab021..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-blue.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #3781f6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #3781f6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss b/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss deleted file mode 100644 index 19c13653..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-green.css deleted file mode 100644 index 4ef75ca3..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-green.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #7eb95e; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #7eb95e; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.scss b/src/main/gnome-shell/gnome-shell-dark-solid-green.scss deleted file mode 100644 index b2d79a16..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-grey.css deleted file mode 100644 index 651bd04c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-grey.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #909090; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #909090; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss b/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss deleted file mode 100644 index 0a0482e0..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-orange.css deleted file mode 100644 index 01daebde..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-orange.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e88b42; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e88b42; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss b/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss deleted file mode 100644 index 8fbe0479..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-pink.css deleted file mode 100644 index ef940615..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-pink.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e5649f; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e5649f; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss b/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss deleted file mode 100644 index 6788d02c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-purple.css deleted file mode 100644 index ca2215a0..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-purple.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #9d5ea6; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #9d5ea6; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss b/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss deleted file mode 100644 index 2107ee92..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-red.css deleted file mode 100644 index a4aa28d6..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-red.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #ec6563; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #ec6563; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.scss b/src/main/gnome-shell/gnome-shell-dark-solid-red.scss deleted file mode 100644 index 997b6561..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css deleted file mode 100644 index bfcdadcd..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss deleted file mode 100644 index a348902c..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.css b/src/main/gnome-shell/gnome-shell-dark-solid.css deleted file mode 100644 index 5d3499fd..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #242424; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(42, 42, 42, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #dadada; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(42, 42, 42, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #dadada; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #dadada; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #dadada; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #dadada; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #dadada; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #2a2a2a; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #2a2a2a; -} - -#panel.solid .panel-button { - color: #dadada; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #242424; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.scss b/src/main/gnome-shell/gnome-shell-dark-solid.scss deleted file mode 100644 index 4341fec6..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-solid.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'false'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.css b/src/main/gnome-shell/gnome-shell-dark-yellow.css deleted file mode 100644 index 957bb8a7..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-yellow.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #f2bc52; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #f2bc52; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-yellow.scss deleted file mode 100644 index 0a565992..00000000 --- a/src/main/gnome-shell/gnome-shell-dark-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark.css b/src/main/gnome-shell/gnome-shell-dark.css deleted file mode 100644 index adbf13d7..00000000 --- a/src/main/gnome-shell/gnome-shell-dark.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #dedede; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #dedede; - background-color: #242424; - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - text-shadow: none; - color: #afafaf; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #dedede; - background-color: rgba(74, 74, 74, 0.75); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #dedede; - background-color: rgba(62, 62, 62, 0.75); - box-shadow: none; -} - -.hotplug-notification-item { - color: #dedede; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #dedede; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #dedede; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(36, 36, 36, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 1px; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(56, 56, 56, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #afafaf; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #dedede; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #dedede; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.pager-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #afafaf; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.calendar-day-base:active { - color: #afafaf; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #999999; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #dedede; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #999999; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #999999; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(222, 222, 222, 0.35); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.05); - color: #999999; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #afafaf; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #999999; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #999999; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #999999; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #999999; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #999999; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #afafaf; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #999999; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #afafaf; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #999999; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #dedede; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #999999; - font-size: 1em; -} - -.message .message-close-button { - color: #afafaf; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #dedede; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.message .message-close-button:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.message .message-body { - color: #999999; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #afafaf; -} - -.message-media-control:hover, .message-media-control:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.message-media-control:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); -} - -.message-media-control:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); - color: #999999; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.1); -} - -.check-box:active StBin { - background-color: rgba(255, 255, 255, 0.16); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #dedede; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(255, 255, 255, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #afafaf; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #dedede; -} - -.mount-dialog-app-list-item:hover { - color: #dedede; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #999999; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(255, 255, 255, 0.12); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #afafaf; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #dedede; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(255, 255, 255, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #999999; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #dedede; - caret-color: #dedede; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(255, 255, 255, 0.05); - color: rgba(222, 222, 222, 0.35); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(222, 222, 222, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #afafaf; - background-color: #555555; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #dedede; - background-color: #6f6f6f; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #dedede; - background-color: #3c3c3c; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #242424; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #dedede; - background-color: #3e3e3e; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #dedede; - background-color: #0b0b0b; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(255, 255, 255, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(255, 255, 255, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: #656565; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #727272; - border: 1px solid rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: #656565; - border-color: rgba(0, 0, 0, 0.15); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(255, 255, 255, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(255, 255, 255, 0.03) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(255, 255, 255, 0.1) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(255, 255, 255, 0.16) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(255, 255, 255, 0.12) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #242424; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #dedede; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #999999; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(36, 36, 36, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #dedede; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(222, 222, 222, 0.35); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #242424; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255, 255, 255, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #999999; -} - -.switcher-arrow:highlighted { - color: #dedede; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #dedede; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #afafaf; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #999999; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.16); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #dedede; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #dedede; - background-color: rgba(36, 36, 36, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(36, 36, 36, 0.95); -} - -.notification-banner:focus { - background-color: #242424; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #afafaf; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #afafaf; - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #dedede; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(255, 255, 255, 0.1); - border-radius: 6px; -} - -#panel { - background-color: rgba(0, 0, 0, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(0, 0, 0, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(0, 0, 0, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #afafaf; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0.75); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #afafaf; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #afafaf; - background-color: rgba(255, 255, 255, 0.15); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #1366f1; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #1366f1; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #afafaf; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(222, 222, 222, 0.35); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(36, 36, 36, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(255, 255, 255, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #afafaf; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #999999; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -.candidate-box:active { - background-color: rgba(255, 255, 255, 0.16); - color: #dedede; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(255, 255, 255, 0.1); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #999999; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #afafaf; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #dedede; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(255, 255, 255, 0.1); - -slider-border-color: transparent; - -slider-active-background-color: rgba(255, 255, 255, 0.35); - -slider-active-border-color: transparent; - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: transparent; - -barlevel-height: 19px; - -barlevel-background-color: rgba(255, 255, 255, 0.1); - -barlevel-border-color: transparent; - -barlevel-active-background-color: rgba(255, 255, 255, 0.35); - -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: transparent; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: transparent; -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: white; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(16, 16, 16, 0.25); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #afafaf; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #dedede; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.16); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #dedede; -} - -.openweather-current-databox-values { - background: none; - color: #999999; -} - -.openweather-current-databox-captions { - background: none; - color: #999999; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #afafaf; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #999999; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #afafaf; -} - -.popup-menu .search-entry { - color: #dedede; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(255, 255, 255, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #dedede; -} - -.popup-menu .search-entry .search-entry-icon { - color: #999999; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #dedede; -} diff --git a/src/main/gnome-shell/gnome-shell-dark.scss b/src/main/gnome-shell/gnome-shell-dark.scss deleted file mode 100644 index 92b36341..00000000 --- a/src/main/gnome-shell/gnome-shell-dark.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'dark'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-alt-blue.css deleted file mode 100644 index 94268b89..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-blue.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.scss b/src/main/gnome-shell/gnome-shell-light-alt-blue.scss deleted file mode 100644 index 8dd342b7..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.css b/src/main/gnome-shell/gnome-shell-light-alt-green.css deleted file mode 100644 index 6525117f..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-green.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.scss b/src/main/gnome-shell/gnome-shell-light-alt-green.scss deleted file mode 100644 index 91cfd66c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-alt-grey.css deleted file mode 100644 index 4ce14d39..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-grey.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.scss b/src/main/gnome-shell/gnome-shell-light-alt-grey.scss deleted file mode 100644 index e41ad9da..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-alt-orange.css deleted file mode 100644 index ce56d2b2..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-orange.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.scss b/src/main/gnome-shell/gnome-shell-light-alt-orange.scss deleted file mode 100644 index f4663569..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-alt-pink.css deleted file mode 100644 index 06733797..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-pink.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.scss b/src/main/gnome-shell/gnome-shell-light-alt-pink.scss deleted file mode 100644 index 4b4cd89e..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-alt-purple.css deleted file mode 100644 index 192d6817..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-purple.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.scss b/src/main/gnome-shell/gnome-shell-light-alt-purple.scss deleted file mode 100644 index a99158c0..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.css b/src/main/gnome-shell/gnome-shell-light-alt-red.css deleted file mode 100644 index dbe647dc..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-red.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.scss b/src/main/gnome-shell/gnome-shell-light-alt-red.scss deleted file mode 100644 index 48750564..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-alt-yellow.css deleted file mode 100644 index b347a533..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-yellow.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss deleted file mode 100644 index 49a5785f..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt.css b/src/main/gnome-shell/gnome-shell-light-alt.css deleted file mode 100644 index 8cbb6fcc..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-alt.scss b/src/main/gnome-shell/gnome-shell-light-alt.scss deleted file mode 100644 index e3788054..00000000 --- a/src/main/gnome-shell/gnome-shell-light-alt.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'true'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-blue.css b/src/main/gnome-shell/gnome-shell-light-blue.css deleted file mode 100644 index ce4d1846..00000000 --- a/src/main/gnome-shell/gnome-shell-light-blue.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-blue.scss b/src/main/gnome-shell/gnome-shell-light-blue.scss deleted file mode 100644 index 742ee158..00000000 --- a/src/main/gnome-shell/gnome-shell-light-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-green.css b/src/main/gnome-shell/gnome-shell-light-green.css deleted file mode 100644 index 80b51141..00000000 --- a/src/main/gnome-shell/gnome-shell-light-green.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-green.scss b/src/main/gnome-shell/gnome-shell-light-green.scss deleted file mode 100644 index dd07d1a3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-grey.css b/src/main/gnome-shell/gnome-shell-light-grey.css deleted file mode 100644 index 5ae0ed5c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-grey.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-grey.scss b/src/main/gnome-shell/gnome-shell-light-grey.scss deleted file mode 100644 index 6b71f110..00000000 --- a/src/main/gnome-shell/gnome-shell-light-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-orange.css b/src/main/gnome-shell/gnome-shell-light-orange.css deleted file mode 100644 index c84dddc0..00000000 --- a/src/main/gnome-shell/gnome-shell-light-orange.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-orange.scss b/src/main/gnome-shell/gnome-shell-light-orange.scss deleted file mode 100644 index 795a3c64..00000000 --- a/src/main/gnome-shell/gnome-shell-light-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-pink.css b/src/main/gnome-shell/gnome-shell-light-pink.css deleted file mode 100644 index 0482cb54..00000000 --- a/src/main/gnome-shell/gnome-shell-light-pink.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-pink.scss b/src/main/gnome-shell/gnome-shell-light-pink.scss deleted file mode 100644 index f76378be..00000000 --- a/src/main/gnome-shell/gnome-shell-light-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-purple.css b/src/main/gnome-shell/gnome-shell-light-purple.css deleted file mode 100644 index 30fe31e7..00000000 --- a/src/main/gnome-shell/gnome-shell-light-purple.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-purple.scss b/src/main/gnome-shell/gnome-shell-light-purple.scss deleted file mode 100644 index 854df368..00000000 --- a/src/main/gnome-shell/gnome-shell-light-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-red.css b/src/main/gnome-shell/gnome-shell-light-red.css deleted file mode 100644 index fd6a8033..00000000 --- a/src/main/gnome-shell/gnome-shell-light-red.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-red.scss b/src/main/gnome-shell/gnome-shell-light-red.scss deleted file mode 100644 index 5083221d..00000000 --- a/src/main/gnome-shell/gnome-shell-light-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css deleted file mode 100644 index 161aacca..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss deleted file mode 100644 index a31aeb0f..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css deleted file mode 100644 index 8ba2495c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss deleted file mode 100644 index f3c440ad..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css deleted file mode 100644 index d5f531f1..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss deleted file mode 100644 index c07f83d4..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css deleted file mode 100644 index bfb4edde..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss deleted file mode 100644 index bcaba163..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css deleted file mode 100644 index 621c5b5b..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss deleted file mode 100644 index 761fb110..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css deleted file mode 100644 index 1a3d2349..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss deleted file mode 100644 index af982e28..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css deleted file mode 100644 index 3f3e66b9..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss deleted file mode 100644 index aab00279..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css deleted file mode 100644 index bfb4edde..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss deleted file mode 100644 index bcaba163..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt.css b/src/main/gnome-shell/gnome-shell-light-solid-alt.css deleted file mode 100644 index 6e67c3c0..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt.scss deleted file mode 100644 index e87082db..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-blue.css deleted file mode 100644 index 161aacca..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-blue.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #3d85f8; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(46, 124, 247, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(46, 124, 247, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #1f73f6; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #2E7CF7; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #2E7CF7; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #2E7CF7; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #5a98f9; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #156df6; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(46, 124, 247, 0.05); - color: rgba(46, 124, 247, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #2E7CF7; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #78aafa; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #478bf8; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #0960e9; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #2E7CF7; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #2E7CF7; - selected-background-color: #2E7CF7; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #2E7CF7; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #2E7CF7; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(193, 216, 253, 0.3); - box-shadow: 0 0 2px 2px #90bafb; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #2E7CF7; - -pie-background-color: rgba(242, 247, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(46, 124, 247, 0.3); - border: 1px solid #2E7CF7; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(46, 124, 247, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #2E7CF7; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #2E7CF7; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #2E7CF7; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #2E7CF7; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #2E7CF7; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #2e78ec; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #2E7CF7; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #2e78ec; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #2E7CF7; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #478bf8; - background-color: #2E7CF7; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #2E7CF7; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #2E7CF7; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #2E7CF7; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #2E7CF7; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #2E7CF7; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #78aafa; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.scss b/src/main/gnome-shell/gnome-shell-light-solid-blue.scss deleted file mode 100644 index a31aeb0f..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-blue.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.css b/src/main/gnome-shell/gnome-shell-light-solid-green.css deleted file mode 100644 index 8ba2495c..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-green.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #82bc62; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(121, 183, 87, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(121, 183, 87, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #70b24c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #79B757; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #79B757; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #79B757; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #93c577; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #6cab49; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(121, 183, 87, 0.05); - color: rgba(121, 183, 87, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #79B757; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #87bf69; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #619942; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #79B757; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #79B757; - selected-background-color: #79B757; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #79B757; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #79B757; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(206, 229, 194, 0.3); - box-shadow: 0 0 2px 2px #b2d69e; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #79B757; - -pie-background-color: rgba(235, 244, 230, 0.3); -} - -.select-area-rubberband { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(121, 183, 87, 0.3); - border: 1px solid #79B757; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(121, 183, 87, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #79B757; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #79B757; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #79B757; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #79B757; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #79B757; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #75b054; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #79B757; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #75b054; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #79B757; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #87bf69; - background-color: #79B757; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #79B757; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #79B757; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #79B757; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #79B757; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #79B757; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #a4ce8d; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.scss b/src/main/gnome-shell/gnome-shell-light-solid-green.scss deleted file mode 100644 index f3c440ad..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-green.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-grey.css deleted file mode 100644 index d5f531f1..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-grey.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #949494; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(140, 140, 140, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(140, 140, 140, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #848484; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #8C8C8C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #8C8C8C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #8C8C8C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #a3a3a3; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #7f7f7f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(140, 140, 140, 0.05); - color: rgba(140, 140, 140, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #8C8C8C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #999999; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #737373; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #8C8C8C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #8C8C8C; - selected-background-color: #8C8C8C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #8C8C8C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #8C8C8C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(217, 217, 217, 0.3); - box-shadow: 0 0 2px 2px #bfbfbf; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #8C8C8C; - -pie-background-color: rgba(242, 242, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(140, 140, 140, 0.3); - border: 1px solid #8C8C8C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(140, 140, 140, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #8C8C8C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #8C8C8C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #8C8C8C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #8C8C8C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #8C8C8C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #878787; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #8C8C8C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #878787; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #8C8C8C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #999999; - background-color: #8C8C8C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #8C8C8C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #8C8C8C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #8C8C8C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #8C8C8C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #8C8C8C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b2b2b2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.scss b/src/main/gnome-shell/gnome-shell-light-solid-grey.scss deleted file mode 100644 index c07f83d4..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-grey.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-orange.css deleted file mode 100644 index bfb4edde..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-orange.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #eb8f48; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(233, 135, 58, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(233, 135, 58, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e77f2c; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E9873A; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E9873A; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E9873A; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eea063; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e67923; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(233, 135, 58, 0.05); - color: rgba(233, 135, 58, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E9873A; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f1b17f; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #ec9551; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #d86c18; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E9873A; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E9873A; - selected-background-color: #E9873A; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E9873A; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E9873A; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(248, 219, 196, 0.3); - box-shadow: 0 0 2px 2px #f3bf96; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E9873A; - -pie-background-color: rgba(253, 247, 242, 0.3); -} - -.select-area-rubberband { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(233, 135, 58, 0.3); - border: 1px solid #E9873A; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(233, 135, 58, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E9873A; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E9873A; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E9873A; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E9873A; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E9873A; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #df8239; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E9873A; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #df8239; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E9873A; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #ec9551; - background-color: #E9873A; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E9873A; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E9873A; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E9873A; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E9873A; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E9873A; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f1b17f; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.scss b/src/main/gnome-shell/gnome-shell-light-solid-orange.scss deleted file mode 100644 index bcaba163..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-orange.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-pink.css deleted file mode 100644 index 621c5b5b..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-pink.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #e76ba4; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(229, 94, 156, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(229, 94, 156, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #e35194; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #E55E9C; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #E55E9C; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #E55E9C; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #eb86b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #e1488f; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(229, 94, 156, 0.05); - color: rgba(229, 94, 156, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #E55E9C; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #e974aa; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #de3281; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #E55E9C; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #E55E9C; - selected-background-color: #E55E9C; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #E55E9C; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #E55E9C; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(250, 226, 237, 0.3); - box-shadow: 0 0 2px 2px #f3b6d2; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #E55E9C; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(229, 94, 156, 0.3); - border: 1px solid #E55E9C; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(229, 94, 156, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #E55E9C; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #E55E9C; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #E55E9C; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #E55E9C; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #E55E9C; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #db5b96; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #E55E9C; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #db5b96; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #E55E9C; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #e974aa; - background-color: #E55E9C; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #E55E9C; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #E55E9C; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #E55E9C; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #E55E9C; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #E55E9C; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f0a0c5; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.scss b/src/main/gnome-shell/gnome-shell-light-solid-pink.scss deleted file mode 100644 index 761fb110..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-pink.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-purple.css deleted file mode 100644 index 1a3d2349..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-purple.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #a15faa; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(154, 87, 163, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(154, 87, 163, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #915299; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #9A57A3; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #9A57A3; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #9A57A3; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #ad73b4; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #8a4e92; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(154, 87, 163, 0.05); - color: rgba(154, 87, 163, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #9A57A3; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #b987bf; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #a566ad; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #7b4582; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #9A57A3; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #9A57A3; - selected-background-color: #9A57A3; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #9A57A3; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #9A57A3; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(214, 185, 218, 0.3); - box-shadow: 0 0 2px 2px #c298c8; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #9A57A3; - -pie-background-color: rgba(233, 218, 236, 0.3); -} - -.select-area-rubberband { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(154, 87, 163, 0.3); - border: 1px solid #9A57A3; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(154, 87, 163, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #9A57A3; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #9A57A3; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #9A57A3; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #9A57A3; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #9A57A3; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #94549d; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #9A57A3; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #94549d; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #9A57A3; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #a566ad; - background-color: #9A57A3; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #9A57A3; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #9A57A3; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #9A57A3; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #9A57A3; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #9A57A3; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #b987bf; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.scss b/src/main/gnome-shell/gnome-shell-light-solid-purple.scss deleted file mode 100644 index af982e28..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-purple.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.css b/src/main/gnome-shell/gnome-shell-light-solid-red.css deleted file mode 100644 index 3f3e66b9..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-red.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #ef6d6b; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(237, 95, 93, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(237, 95, 93, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #eb514f; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #ED5F5D; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #ED5F5D; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #ED5F5D; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f28886; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #ea4846; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(237, 95, 93, 0.05); - color: rgba(237, 95, 93, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #ED5F5D; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f07674; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #e8322f; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #ED5F5D; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #ED5F5D; - selected-background-color: #ED5F5D; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #ED5F5D; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #ED5F5D; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(252, 231, 231, 0.3); - box-shadow: 0 0 2px 2px #f7bab9; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #ED5F5D; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(237, 95, 93, 0.3); - border: 1px solid #ED5F5D; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(237, 95, 93, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #ED5F5D; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #ED5F5D; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #ED5F5D; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #ED5F5D; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #ED5F5D; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e35c5a; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #ED5F5D; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e35c5a; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #ED5F5D; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f07674; - background-color: #ED5F5D; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #ED5F5D; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #ED5F5D; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #ED5F5D; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #ED5F5D; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #ED5F5D; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f5a3a2; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.scss b/src/main/gnome-shell/gnome-shell-light-solid-red.scss deleted file mode 100644 index aab00279..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-red.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-yellow.css deleted file mode 100644 index f0055902..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-yellow.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss b/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss deleted file mode 100644 index 24dd29a3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid.css b/src/main/gnome-shell/gnome-shell-light-solid.css deleted file mode 100644 index 6e67c3c0..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid.css +++ /dev/null @@ -1,4032 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: #f5f5f5; - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(241, 241, 241, 0.95); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: #363636; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(241, 241, 241, 0.95); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #363636; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: #363636; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.12); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(0, 0, 0, 0.2); - color: #363636; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #363636; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #363636; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: #f1f1f1; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: #f1f1f1; -} - -#panel.solid .panel-button { - color: #363636; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -#panel #panelActivities.panel-button:overview > * { - background-image: url("assets/activities-white.svg"); -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: #f5f5f5; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-solid.scss b/src/main/gnome-shell/gnome-shell-light-solid.scss deleted file mode 100644 index e87082db..00000000 --- a/src/main/gnome-shell/gnome-shell-light-solid.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'false'; -$black: 'true'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.css b/src/main/gnome-shell/gnome-shell-light-yellow.css deleted file mode 100644 index a3c622d3..00000000 --- a/src/main/gnome-shell/gnome-shell-light-yellow.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #f4bf59; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(243, 186, 75, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(243, 186, 75, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #f2b53d; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #F3BA4B; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #F3BA4B; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #F3BA4B; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #f6ca76; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #f1b133; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(243, 186, 75, 0.05); - color: rgba(243, 186, 75, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #F3BA4B; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #f8d593; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #f5c363; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #f0a81b; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #F3BA4B; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #F3BA4B; - selected-background-color: #F3BA4B; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #F3BA4B; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #F3BA4B; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(253, 241, 218, 0.3); - box-shadow: 0 0 2px 2px #f9dfab; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #F3BA4B; - -pie-background-color: rgba(255, 255, 255, 0.3); -} - -.select-area-rubberband { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(243, 186, 75, 0.3); - border: 1px solid #F3BA4B; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(243, 186, 75, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #F3BA4B; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #F3BA4B; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #F3BA4B; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #F3BA4B; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #F3BA4B; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #e9b349; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #F3BA4B; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #e9b349; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #F3BA4B; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #f5c363; - background-color: #F3BA4B; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #F3BA4B; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #F3BA4B; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #F3BA4B; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #F3BA4B; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #F3BA4B; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #f8d593; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.scss b/src/main/gnome-shell/gnome-shell-light-yellow.scss deleted file mode 100644 index aa383fd9..00000000 --- a/src/main/gnome-shell/gnome-shell-light-yellow.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light.css b/src/main/gnome-shell/gnome-shell-light.css deleted file mode 100644 index 243a1336..00000000 --- a/src/main/gnome-shell/gnome-shell-light.css +++ /dev/null @@ -1,4028 +0,0 @@ -/* This stylesheet is generated, DO NOT EDIT */ -stage { - font-size: 9.75pt; - font-weight: 400; - color: #242424; -} - -.shell-link { - border-radius: 6px; - color: #3484e2; -} - -.shell-link:hover { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.15); -} - -.shell-link:active { - color: #3484e2; - background-color: rgba(52, 132, 226, 0.3); -} - -.lowres-icon { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -} - -.search-provider-icon .overview-icon, -.show-apps .overview-icon, -.app-well-app .overview-icon, -.grid-search-result .overview-icon, .search-provider-icon, -.list-search-result { - color: rgba(255, 255, 255, 0.85); - border-radius: 12px; - padding: 6px; - border: none; - transition-duration: 150ms; - text-align: center; -} - -.workspace-switcher-container, .osd-window, -.resize-popup, -.switcher-list { - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0); - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - border-radius: 6px; - padding: 12px; -} - -.workspace-thumbnails { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - border: none; -} - -.search-statustext, .no-frequent-applications-label { - font-size: 45px; - font-weight: 400; - color: rgba(255, 255, 255, 0.5); -} - -.message, .world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - border-radius: 10px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - text-shadow: none; - color: #424242; - transition: none; -} - -.message:hover, .world-clocks-button:hover, -.weather-button:hover, -.events-button:hover, -.events-section-title:hover, .message:focus, .world-clocks-button:focus, -.weather-button:focus, -.events-button:focus, -.events-section-title:focus { - color: #242424; - background-color: white; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -} - -.message:active, .world-clocks-button:active, -.weather-button:active, -.events-button:active, -.events-section-title:active { - color: #242424; - background-color: rgba(255, 255, 255, 0.65); - box-shadow: none; -} - -.hotplug-notification-item { - color: #242424; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; - padding: 8px; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -.hotplug-notification-item:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:hover { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.hotplug-notification-item:active { - color: #242424; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.hotplug-notification-item:first-child { - border-radius: 0 0 0 6px; -} - -.hotplug-notification-item:last-child { - border-right-width: 0; - border-radius: 0 0 6px 0; -} - -.hotplug-notification-item:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { - background-color: rgba(245, 245, 245, 0.95); - border-radius: 12px; - box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); - border: solid rgba(0, 0, 0, 0.75); - border-width: 0; -} - -#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.15); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.85); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { - background-color: rgba(255, 255, 255, 0.85); -} - -.button { - min-height: 32px; - padding: 0 16px; - border-width: 0; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - background-image: url("assets/window-close.svg"); -} - -.window-close StIcon { - icon-size: 26px; -} - -.window-close:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); -} - -.window-close:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); -} - -.clock-display-box { - spacing: 4px; -} - -.clock-display-box .clock { - padding-left: 6px; - padding-right: 6px; -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.75); - padding: 4px 8px; - text-shadow: none; - border-radius: 10px; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 8px; -} - -.datemenu-calendar-column:ltr { - margin-right: 8px; - border-left-width: 0; -} - -.datemenu-calendar-column:rtl { - margin-left: 8px; - border-right-width: 0; -} - -.datemenu-calendar-column .datemenu-displays-section { - padding-bottom: 0; -} - -.datemenu-calendar-column .datemenu-displays-box { - spacing: 8px; -} - -.datemenu-today-button { - min-height: 48px; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: #424242; -} - -.datemenu-today-button .day-label { - font-size: 15pt; - font-weight: 500; - font-weight: bold; -} - -.datemenu-today-button .date-label { - font-size: 18pt; - font-weight: 400; -} - -.calendar-month-label { - height: 20px; - margin: 2px; - padding: 6px 16px; - color: #242424; - font-weight: bold; - text-align: center; - text-shadow: none; -} - -.calendar-month-label:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button { - width: 28px; - height: 28px; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: #242424; -} - -.pager-button:hover, .pager-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.pager-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.calendar-change-month-back { - padding: 0 2px; - 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 { - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - font-size: 9pt; - font-weight: 400; - text-align: center; - width: 28px; - height: 28px; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: #424242; - font-feature-settings: "tnum"; -} - -.calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.calendar-day-base:active { - color: #424242; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; -} - -.calendar-day-base.calendar-day-heading { - width: 28px; - height: 21px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: #565656; - font-size: 9pt; - font-weight: 400; - font-weight: bold; - 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: #242424; -} - -.calendar-today { - font-weight: bold !important; - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - border: none; -} - -.calendar-today:hover, .calendar-today:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active, .calendar-today:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { - background-color: #1268f7; - color: rgba(255, 255, 255, 0.85); -} - -.calendar-day-with-events { - color: #565656; - background-image: url("assets/calendar-today.svg"); -} - -.calendar-day-with-events.calendar-work-day { - color: #565656; - font-weight: bold; -} - -.calendar-other-month-day { - color: rgba(36, 36, 36, 0.45); - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.05); - color: #565656; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: #424242; - font-weight: bold; -} - -/* Events */ -.events-button .events-box { - spacing: 6px; -} - -.events-button .events-list { - spacing: 12px; - text-shadow: none; -} - -.events-button .events-title { - color: #565656; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; -} - -.events-button .event-time { - color: #565656; - font-feature-settings: "tnum"; -} - -.world-clocks-button .world-clocks-city { - color: #565656; - font-weight: bold; - font-size: 0.9em; -} - -.world-clocks-button .world-clocks-time { - color: #565656; - font-feature-settings: "tnum"; - font-size: 1.2em; -} - -.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: #565656; - font-feature-settings: "tnum"; - font-size: 0.9em; -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -.weather-button { - margin-bottom: 6px; -} - -.weather-button .weather-box { - spacing: 12px; -} - -.weather-button .weather-header-box { - spacing: 6px; -} - -.weather-button .weather-header { - color: #424242; - font-weight: bold; -} - -.weather-button .weather-header.location { - font-weight: normal; - color: #565656; -} - -.weather-button .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; -} - -.weather-button .weather-forecast-time { - color: #424242; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; -} - -.weather-button .weather-forecast-icon { - icon-size: 32px; -} - -.weather-button .weather-forecast-temp { - font-weight: bold; -} - -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; -} - -.message-list .message-list-placeholder { - spacing: 12px; -} - -.message-list-clear-button.button { - background-color: transparent; - margin: 8px 8px 0; -} - -.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message-list-clear-button.button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message-list-section, -.message-list-sections, -.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 16px 0; - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; -} - -.message:first-child { - margin-top: 8px; -} - -.message .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; -} - -.message .message-icon-bin:rtl { - padding: 8px 8px 8px 0px; -} - -.message .message-icon-bin > StIcon { - icon-size: 32px; - -st-icon-style: symbolic; -} - -.message .message-icon-bin > .fallback-app-icon { - width: 16px; - height: 16px; -} - -.message .message-secondary-bin { - padding: 0 8px; -} - -.message .message-secondary-bin > .event-time { - min-height: 18px; - color: #565656; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; -} - -.message .message-title { - min-height: 18px; - padding-top: 2px; - color: #242424; - font-weight: bold; - font-size: 1em; -} - -.message .message-content { - min-height: 40px; - padding: 8px; - color: #565656; - font-size: 1em; -} - -.message .message-close-button { - color: #424242; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; -} - -.message .message-close-button:hover, .message .message-close-button:active { - color: #242424; -} - -.message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.message .message-close-button:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.message .message-body { - color: #565656; -} - -.url-highlighter { - link-color: #3484e2; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: #424242; -} - -.message-media-control:hover, .message-media-control:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.message-media-control:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -.message-media-control:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.message-media-control:last-child:ltr { - margin-right: 16px; - padding-right: 8px; -} - -.message-media-control:last-child:rtl { - margin-left: 16px; - padding-left: 8px; -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; -} - -.media-message-cover-icon:rtl { - margin: 0 4px 0 0px !important; -} - -.media-message-cover-icon.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); - color: #565656; -} - -.check-box * { - min-height: 16px; - padding: 8px 0; -} - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 24px; - height: 24px; - padding: 4px; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:hover StBin { - background-color: rgba(0, 0, 0, 0.12); -} - -.check-box:active StBin { - background-color: rgba(0, 0, 0, 0.2); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:hover:checked StBin { - background-color: rgba(8, 96, 242, 0.15); -} - -.check-box:active:checked StBin { - background-color: rgba(8, 96, 242, 0.3); -} - -#dash { - font-size: 1em; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px 12px 12px 0px; -} - -#dash:rtl { - border-radius: 12px 0 0 12px; -} - -#dash .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -#dash .empty-dash-drop-target { - width: 24px; - height: 24px; -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { - border-radius: 6px; - padding: 6px 8px; - color: rgba(255, 255, 255, 0.9); - background-color: rgba(0, 0, 0, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - row-spacing: 24px; - column-spacing: 24px; - max-row-spacing: 48px; - max-column-spacing: 48px; -} - -.icon-grid .overview-icon { - icon-size: 96px; -} - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} - -.app-view-control { - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.15); -} - -.app-view-control:hover { - color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.22); -} - -.app-view-control:active { - color: rgba(255, 255, 255, 0.85); - background-color: #085ae3; -} - -.app-view-control:checked { - color: rgba(255, 255, 255, 0.85); - background-color: #0860F2; - box-shadow: none; -} - -.app-view-control:first-child { - border-right-width: 0; - border-radius: 6px 0 0 6px; -} - -.app-view-control:last-child { - border-radius: 0 6px 6px 0; -} - -.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, -.list-search-result:focus, -.list-search-result:selected, -.list-search-result:hover { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; -} - -.search-provider-icon:active, .search-provider-icon:checked, -.list-search-result:active, -.list-search-result:checked { - background-color: rgba(255, 255, 255, 0.28); - transition-duration: 150ms; -} - -.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, -.show-apps .overview-icon, -.show-apps .overview-icon > StIcon, -.app-well-app .overview-icon, -.app-well-app .overview-icon > StIcon, -.grid-search-result .overview-icon, -.grid-search-result .overview-icon > StIcon { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, -.show-apps:hover .overview-icon, -.show-apps:focus .overview-icon, -.show-apps:selected .overview-icon, -.app-well-app:hover .overview-icon, -.app-well-app:focus .overview-icon, -.app-well-app:selected .overview-icon, -.grid-search-result:hover .overview-icon, -.grid-search-result:focus .overview-icon, -.grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - transition-duration: 0ms; - border-image: none; - background-image: none; -} - -.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, -.show-apps:active .overview-icon, -.show-apps:checked .overview-icon, -.app-well-app:active .overview-icon, -.app-well-app:checked .overview-icon, -.grid-search-result:active .overview-icon, -.grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.28); - box-shadow: none; - transition-duration: 150ms; -} - -.app-well-app-running-dot { - width: 5px; - height: 5px; - border-radius: 3px; - background-color: rgba(255, 255, 255, 0.85); - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -.app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.15); -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: 150ms; -} - -.app-folder-popup { - -arrow-border-radius: 16px; - -arrow-background-color: rgba(255, 255, 255, 0.15); - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { - padding: 5px; -} - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.35); -} - -.page-indicator:hover .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.45); -} - -.page-indicator:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.85); -} - -.page-indicator:checked .page-indicator-icon { - background-image: none; - background-color: rgba(255, 255, 255, 0.85); - transition-duration: 0ms; -} - -.page-indicator:checked:active { - background-image: none; -} - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; -} - -.overview-icon.overview-icon-with-label > StBoxLayout, -.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { - spacing: 6px; -} - -.app-folder { - background: none; - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.app-folder .overview-icon { - background-color: rgba(255, 255, 255, 0.15); - border-radius: 12px; -} - -.app-folder:hover .overview-icon { - background-color: rgba(255, 255, 255, 0.2); -} - -.app-folder-dialog { - border-radius: 32px; - border: 2px solid rgba(255, 255, 255, 0.15); - padding: 12px; - background-color: rgba(24, 24, 24, 0.95); -} - -.app-folder-dialog .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - /* FIXME: this is to keep the label in sync with the entry */ -} - -.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { - font-size: 18pt; - font-weight: bold; -} - -.app-folder-dialog .folder-name-container .folder-name-entry { - width: 300px; -} - -.app-folder-dialog .folder-name-container .folder-name-label { - padding: 5px 7px; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); - border: none; - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { - icon-size: 16px; -} - -.app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(255, 255, 255, 0.15); -} - -.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: rgba(255, 255, 255, 0.28); -} - -.app-folder-dialog .icon-grid { - row-spacing: 8px; - column-spacing: 20px; -} - -.app-folder-dialog .page-indicators { - margin-bottom: 18px; -} - -.app-folder-dialog .page-indicators .page-indicator { - padding: 15px 12px; -} - -.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { - background-color: transparent; -} - -.app-folder-dialog-container { - padding: 4px; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: 4px; - spacing-rows: 4px; - spacing-columns: 4px; -} - -.rename-folder-popup .rename-folder-popup-item { - spacing: 4px; -} - -.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { - padding: 0 8px; -} - -.workspace-thumbnails { - visible-width: 32px; - spacing: 12px; - padding: 16px; - border-radius: 6px; - margin: 6px; -} - -.workspace-thumbnails .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; -} - -.workspace-thumbnail-indicator { - border: 2px solid #0860F2; - padding: 6px; - border-radius: 2px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - padding: 0px 88px 10px 88px; -} - -.modal-dialog-linked-button:last-child { - color: white; - background-color: #0860F2; - box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); -} - -.modal-dialog-linked-button:hover:last-child { - color: white; - background-color: #307bf8; -} - -.modal-dialog-linked-button:active:last-child { - color: white; - background-color: #0756d9; -} - -.modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(8, 96, 242, 0.05); - color: rgba(8, 96, 242, 0.35); -} - -.headline { - font-size: 15pt; - font-weight: 500; -} - -.modal-dialog { - color: #242424; - padding: 0 5px 6px 5px; -} - -.modal-dialog-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.modal-dialog-linked-button:first-child { - background: rgba(0, 0, 0, 0.05); -} - -.modal-dialog-linked-button:first-child:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog-linked-button:first-child:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.modal-dialog .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; -} - -.message-dialog-content { - spacing: 18px; -} - -.message-dialog-content .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-title.leightweight { - font-size: 13pt; - font-weight: 800; -} - -.message-dialog-content .message-dialog-description { - text-align: center; -} - -.dialog-list { - spacing: 18px; -} - -.dialog-list .dialog-list-title { - text-align: center; - 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: #424242; - font-size: 15pt; - font-weight: 500; -} - -.run-dialog .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; -} - -.run-dialog .run-dialog-entry { - width: 20em; -} - -.run-dialog .run-dialog-description { - text-align: center; - color: #424242; - font-size: 15pt; - font-weight: 500; -} - -.end-session-dialog { - width: 28em; -} - -.end-session-dialog .end-session-dialog-battery-warning, -.end-session-dialog .dialog-list-title { - color: #F27835; -} - -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-dialog { - spacing: 24px; -} - -.mount-dialog .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; -} - -.mount-dialog .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog .message-dialog-body { - padding-left: 17px; - width: 28em; -} - -.mount-dialog .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: #242424; -} - -.mount-dialog-app-list-item:hover { - color: #242424; -} - -.mount-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.mount-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.mount-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.mount-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -.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: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - font-size: 15pt; - font-weight: 500; - margin: 6px; -} - -.prompt-dialog-error-label { - color: #FC4138; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: #565656; -} - -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; -} - -.polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #F27835; -} - -.audio-device-selection-dialog .modal-dialog-content-box { - margin-bottom: 28px; -} - -.audio-device-selection-dialog .audio-selection-box { - spacing: 20px; -} - -.audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(0, 0, 0, 0.16); -} - -.audio-selection-device:active { - background-color: #0860F2; - color: white; -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -.access-dialog { - spacing: 30px; -} - -.geolocation-dialog { - spacing: 30px; -} - -.extension-dialog .message-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.extension-dialog .message-dialog-title { - color: #424242; -} - -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { - spacing: 10px; -} - -.nm-dialog-airplane-box { - spacing: 12px; -} - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { - color: #242424; -} - -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid rgba(0, 0, 0, 0.12); - padding: 0; - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; -} - -.nm-dialog-header { - font-size: 15pt; - font-weight: 500; -} - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: 6px; - padding: 12px; - spacing: 20px; -} - -.nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(0, 0, 0, 0.12); -} - -.nm-dialog-item:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.nm-dialog-item:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -.no-networks-label { - color: #565656; -} - -.no-networks-box { - spacing: 12px; -} - -StEntry { - min-height: 32px; - min-width: 44px; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: #242424; - caret-color: #242424; - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -StEntry:hover { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -} - -StEntry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; -} - -StEntry:insensitive { - background-color: rgba(0, 0, 0, 0.05); - color: rgba(36, 36, 36, 0.45); -} - -StEntry StIcon.capslock-warning { - icon-size: 16px; - warning-color: #F27835; - padding: 0 0; -} - -StEntry StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; -} - -StEntry StLabel.hint-text { - margin-left: 2px; - color: rgba(36, 36, 36, 0.7); -} - -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(0, 0, 0, 0.25); - box-shadow: none; -} - -#keyboard .page-indicator { - padding: 6px; -} - -#keyboard .page-indicator .page-indicator-icon { - width: 8px; - height: 8px; -} - -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: 16pt; - border-radius: 10px; - border: none; - color: #424242; - background-color: #eeeeee; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key:focus, .keyboard-key:hover { - color: #242424; - background-color: white; -} - -.keyboard-key:checked, .keyboard-key:active { - color: #242424; - background-color: #d5d5d5; -} - -.keyboard-key:grayed { - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-color: rgba(0, 0, 0, 0.3); -} - -.keyboard-key.default-key { - background-color: #c0c0c0; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #242424; - background-color: #dadada; -} - -.keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #242424; - background-color: #a7a7a7; -} - -.keyboard-key.enter-key { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: white; - background-color: #1c6ff7; -} - -.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: white; - background-color: #064cc1; -} - -.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #0860F2; -} - -.keyboard-key StIcon { - icon-size: 1.125em; -} - -.keyboard-subkeys { - color: inherit; - -arrow-border-radius: 6px; - -arrow-background-color: rgba(0, 0, 0, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -} - -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - border: none; - background-color: transparent; -} - -.login-dialog StEntry, -.unlock-dialog StEntry { - selection-background-color: #0860F2; - selected-background-color: #0860F2; - selected-color: white; - padding: 4px 8px; - min-height: 20px; - border-radius: 9999px; - caret-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: none; - box-shadow: none; - color: white; -} - -.login-dialog StEntry:focus, -.unlock-dialog StEntry:focus { - border: none; - background-color: rgba(0, 0, 0, 0.2); - color: white; -} - -.login-dialog StEntry:insensitive, -.unlock-dialog StEntry:insensitive { - border: none; - background-color: rgba(0, 0, 0, 0.05); - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog StEntry StLabel.hint-text, -.unlock-dialog StEntry StLabel.hint-text { - color: rgba(255, 255, 255, 0.45); -} - -.login-dialog .modal-dialog-button-box, -.unlock-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button, -.unlock-dialog .modal-dialog-button { - padding: 0 16px; - border: none; - color: white; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, -.unlock-dialog .modal-dialog-button:hover, -.unlock-dialog .modal-dialog-button:focus { - color: white; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:active, -.unlock-dialog .modal-dialog-button:active { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:insensitive, -.unlock-dialog .modal-dialog-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default, -.unlock-dialog .modal-dialog-button:default { - color: white; - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, -.unlock-dialog .modal-dialog-button:default:hover, -.unlock-dialog .modal-dialog-button:default:focus { - color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:active, -.unlock-dialog .modal-dialog-button:default:active { - color: white; - background-color: transparent; - background-image: #f2f2f2; - border: 1px solid rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .modal-dialog-button:default:insensitive, -.unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.45); - background-color: rgba(0, 0, 0, 0.12); - border-color: rgba(0, 0, 0, 0.12); - text-shadow: none; - icon-shadow: none; -} - -.login-dialog .cancel-button, -.login-dialog .switch-user-button, -.login-dialog .login-dialog-session-list-button, -.unlock-dialog .cancel-button, -.unlock-dialog .switch-user-button, -.unlock-dialog .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba(0, 0, 0, 0.1); -} - -.login-dialog .cancel-button StIcon, -.login-dialog .switch-user-button StIcon, -.login-dialog .login-dialog-session-list-button StIcon, -.unlock-dialog .cancel-button StIcon, -.unlock-dialog .switch-user-button StIcon, -.unlock-dialog .login-dialog-session-list-button StIcon { - icon-size: 16px; -} - -.login-dialog .login-dialog-message-warning, -.unlock-dialog .login-dialog-message-warning { - color: rgba(255, 255, 255, 0.85); -} - -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: #F27835; - border-radius: 9999px; -} - -.login-dialog-logo-bin { - padding: 24px 0px; -} - -.login-dialog-banner { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-message-warning { - color: #F27835; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.login-dialog-user-selection-box { - padding: 100px 0px; -} - -.login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: white; -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: rgba(255, 255, 255, 0.85); - padding-top: 1em; -} - -.login-dialog-not-listed-label:hover { - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.15); -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.15); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.28); - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #0860F2; -} - -.login-dialog-user-list-item { - border-radius: 10px; - padding: 6px; - color: rgba(255, 255, 255, 0.85); -} - -.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:focus { - background-color: rgba(0, 0, 0, 0.05) !important; -} - -.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(0, 0, 0, 0.12) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(0, 0, 0, 0.2) !important; - color: rgba(255, 255, 255, 0.85); -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: rgba(0, 0, 0, 0.16) !important; -} - -.user-widget-label { - color: rgba(255, 255, 255, 0.85); -} - -.user-icon { - background-size: contain; - color: rgba(255, 255, 255, 0.85); - border-radius: 9999px; - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.user-icon:hover { - color: white; -} - -.user-icon StIcon { - background-color: rgba(255, 255, 255, 0); - border-radius: 99px; -} - -.user-widget.vertical .user-icon { - icon-size: 128px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 14px; - padding-top: 12px; - padding-bottom: 16px; - width: 88px; - height: 88px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 8px; - width: 10px; - height: 10px; -} - -.user-widget.horizontal .user-widget-label { - font-weight: bold; - text-align: left; - padding-left: 15px; -} - -.user-widget.horizontal .user-widget-label:ltr { - padding-left: 14px; -} - -.user-widget.horizontal .user-widget-label:rtl { - padding-right: 14px; -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; -} - -.user-widget.horizontal .user-icon StIcon { - padding: 12px; - width: 40px; - height: 40px; -} - -.user-widget.vertical .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; -} - -.user-widget.vertical .user-icon { - icon-size: 96px; -} - -.user-widget.vertical .user-icon StIcon { - padding: 20px; - padding-top: 18px; - padding-bottom: 22px; - width: 88px; - height: 88px; -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} - -#LookingGlassDialog { - background-color: #ffffff; - spacing: 4px; - padding: 0; - border: none; - border-radius: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #242424; -} - -#LookingGlassDialog > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); -} - -#LookingGlassDialog .labels { - spacing: 0; -} - -#LookingGlassDialog .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: #565656; - transition-duration: 150ms; - padding-left: 16px; - padding-right: 16px; - min-height: 32px; - padding: 0 32px; -} - -#LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog .notebook-tab:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba(255, 255, 255, 0.01); - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); - color: #242424; - text-shadow: none; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} - -.lg-dialog StEntry { - selection-background-color: #0860F2; - selected-color: rgba(255, 255, 255, 0.85); -} - -.lg-dialog .shell-link { - color: #3484e2; -} - -.lg-dialog .shell-link:hover { - color: #3484e2; -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: 32px; - padding: 0 16px; - border: none; - border-radius: 6px; - font-size: 9.75pt; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:insensitive { - color: rgba(36, 36, 36, 0.45); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.lg-obj-inspector-button:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.lg-obj-inspector-button:hover { - border: none; -} - -#lookingGlassExtensions { - padding: 4px; -} - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: 6px; - padding: 4px; -} - -.lg-extension-name { - font-size: 18pt; - font-weight: 400; -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: #ffffff; - border: none; - border-radius: 6px; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); -} - -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; - background-color: rgba(151, 189, 252, 0.3); - box-shadow: 0 0 2px 2px #669efa; -} - -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: #0860F2; - -pie-background-color: rgba(201, 221, 253, 0.3); -} - -.select-area-rubberband { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; - border-radius: 3px; -} - -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - font-size: 9.75pt; - font-weight: 400; - color: #F27835; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -.hidden { - color: rgba(0, 0, 0, 0); -} - -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.switcher-list-item-container { - spacing: 8px; -} - -.switcher-list .item-box { - padding: 8px; - border-radius: 6px; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.switcher-list .item-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(0, 0, 0, 0.12); -} - -.switcher-arrow { - border-color: rgba(0, 0, 0, 0); - color: #565656; -} - -.switcher-arrow:highlighted { - color: #242424; -} - -.input-source-switcher-symbol { - font-size: 45px; - font-weight: 400; - width: 96px; - height: 96px; -} - -.tile-preview { - background-color: rgba(8, 96, 242, 0.3); - border: 1px solid #0860F2; -} - -.tile-preview-left.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: 0 0 0 0; -} - -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba(8, 96, 242, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; - width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - border: 2px solid #0860F2; - box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); - border-radius: 0.9em; -} - -.secondary-icon { - icon-size: 1.2307692308em; -} - -.chat-body { - spacing: 5px; -} - -.chat-response { - margin: 5px; -} - -.chat-log-message { - color: #242424; -} - -.chat-new-group { - padding-top: 1em; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0px; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #424242; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - font-weight: 400; - color: #565656; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 8px; -} - -.hotplug-resident-mount { - spacing: 8px; - border-radius: 6px; -} - -.hotplug-resident-mount:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -.hotplug-resident-mount:active { - background-color: rgba(0, 0, 0, 0.2); -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 6px; - color: #242424; -} - -.url-highlighter { - link-color: #3484e2; -} - -.notification-banner { - font-size: 1em; - width: 34em; - min-height: 56px; - margin: 5px; - border-radius: 6px; - color: #242424; - background-color: rgba(255, 255, 255, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -} - -.notification-banner:hover { - background-color: rgba(255, 255, 255, 0.95); -} - -.notification-banner:focus { - background-color: #ffffff; -} - -.notification-banner .notification-icon { - padding: 5px; -} - -.notification-banner .notification-content { - padding: 5px; - spacing: 5px; -} - -.notification-banner .secondary-icon { - icon-size: 1.2307692308em; -} - -.notification-banner .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - spacing: 1px; -} - -.notification-banner .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: #424242; - font-weight: 500; - border-width: 0; -} - -.notification-banner .notification-button:first-child { - border-radius: 0 0 0 6px; -} - -.notification-banner .notification-button:last-child { - border-radius: 0 0 6px 0; -} - -.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { - border-radius: 0 0 6px 6px; -} - -.notification-banner .notification-button:focus { - background-color: transparent; - color: #424242; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); -} - -.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - box-shadow: none; -} - -.notification-banner .notification-button:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.magnifier-zoom-region { - border: 2px solid #0860F2; -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; -} - -.osd-window .osd-monitor-label { - font-size: 45px; - font-weight: 400; -} - -.osd-window .level { - height: 4px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.1); - color: #242424; - -barlevel-height: 4px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-active-background-color: #0860F2; - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.osd-window .level-bar { - background-color: white; - border-radius: 16px; -} - -.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; -} - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; -} - -.window-picker.external-monitor { - padding: 16px; -} - -.window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.28); - border-radius: 6px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); -} - -.window-caption { - spacing: 25px; - color: rgba(255, 255, 255, 0.85); - background-color: rgba(0, 0, 0, 0.6); - border-radius: 6px; - padding: 4px 8px; - border: none; - font-weight: normal; -} - -.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { - width: 304px; - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.85); - selection-background-color: rgba(255, 255, 255, 0.28); - selected-color: rgba(255, 255, 255, 0.85); - background-color: rgba(255, 255, 255, 0.12); - border-radius: 8px; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { - border-color: transparent; - background-color: rgba(255, 255, 255, 0.18); - padding: 0 8px; - border: none; - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: rgba(255, 255, 255, 0.5); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(255, 255, 255, 0.85); -} - -.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { - border: none; - color: rgba(255, 255, 255, 0.45); -} - -.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { - color: rgba(255, 255, 255, 0.5); -} - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - spacing: 16px; -} - -.search-section .search-section-separator { - height: 1px; - background-color: rgba(255, 255, 255, 0.15); -} - -.search-section-content { - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: rgba(255, 255, 255, 0.85); -} - -.search-provider-icon .list-search-provider-content { - spacing: 12px; -} - -.search-provider-icon .list-search-provider-content .list-search-provider-details { - width: 120px; - margin-top: 0; - color: rgba(255, 255, 255, 0.5); -} - -.list-search-results { - spacing: 3px; -} - -.list-search-result-content { - spacing: 30px; -} - -.list-search-result-title { - font-size: 11.25pt; - font-weight: 400; - color: rgba(255, 255, 255, 0.85); - spacing: 12px; -} - -.list-search-result-description { - color: rgba(255, 255, 255, 0.85); -} - -.list-search-provider-details { - width: 150px; - color: rgba(255, 255, 255, 0.85); - margin-top: 0.24em; -} - -.list-search-provider-content { - spacing: 20px; -} - -.search-provider-icon { - padding: 15px; -} - -.cycler-highlight { - border: 4px solid #0860F2; -} - -.workspace-switcher-group { - padding: 8px; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); - background-size: 32px; - border-radius: 6px; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -#panel { - background-color: rgba(255, 255, 255, 0.16); - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: 28px; - box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); - color: white; -} - -#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { - background-color: transparent; -} - -#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(255, 255, 255, 0.85); -} - -#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { - color: white; - background-color: rgba(255, 255, 255, 0.28); -} - -#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; -} - -#panel .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: rgba(255, 255, 255, 0.16); - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: white; -} - -#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -#panel .panel-corner StLabel { - padding: 0 4px; -} - -#panel .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: white; - transition-duration: 150ms; - border-radius: 6px; -} - -#panel .panel-button StLabel { - padding: 0 2px; -} - -#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .system-status-icon, -#panel .panel-button .app-menu-icon > StIcon, -#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, -#panel .panel-button:hover .app-menu-icon > StIcon, -#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, -#panel .panel-button:active .app-menu-icon > StIcon, -#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, -#panel .panel-button:overview .app-menu-icon > StIcon, -#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, -#panel .panel-button:focus .app-menu-icon > StIcon, -#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, -#panel .panel-button:checked .app-menu-icon > StIcon, -#panel .panel-button:checked .popup-menu-arrow { - icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); -} - -#panel .panel-button .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; -} - -#panel .panel-button .app-menu-icon > StIcon { - padding-left: 4px; - padding-right: 6px; -} - -#panel .panel-button .popup-menu-arrow { - width: 0; - height: 0; -} - -#panel .panel-button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.15); -} - -#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { - background-color: rgba(255, 255, 255, 0.28); - color: white; - box-shadow: none; -} - -#panel .panel-button .system-status-icon { - icon-size: 1.2307692308em; - padding: 0 4px; -} - -.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: white; -} - -.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: white; -} - -#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { - background: none; - box-shadow: none; -} - -#panel .panel-status-indicators-box, -#panel .panel-status-menu-box { - spacing: 2px; -} - -#panel .power-status.panel-status-indicators-box { - spacing: 0; -} - -#panel .screencast-indicator { - color: #FC4138; -} - -#panel .remote-access-indicator { - color: #F27835; -} - -#panel.solid { - background-color: rgba(255, 255, 255, 0.16); - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; - text-shadow: none; -} - -#panel.solid:overview { - background-color: transparent; -} - -#panel.solid .panel-corner { - -panel-corner-background-color: rgba(255, 255, 255, 0.16); -} - -#panel.solid .panel-button { - color: white; - text-shadow: none; -} - -#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: rgba(255, 255, 255, 0.85); - text-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel.solid .system-status-icon, -#panel.solid .app-menu-icon > StIcon, -#panel.solid .popup-menu-arrow { - icon-shadow: none; -} - -#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, -#panel.solid .app-menu-icon > StIcon:active, -#panel.solid .app-menu-icon > StIcon:overview, -#panel.solid .app-menu-icon > StIcon:focus, -#panel.solid .app-menu-icon > StIcon:checked, -#panel.solid .popup-menu-arrow:active, -#panel.solid .popup-menu-arrow:overview, -#panel.solid .popup-menu-arrow:focus, -#panel.solid .popup-menu-arrow:checked { - icon-shadow: 0 1px rgba(0, 0, 0, 0.45); -} - -#panel #panelActivities.panel-button > * { - background-image: url("assets/activities.svg"); - background-position: center top; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; -} - -#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { - background-color: transparent; - border: none; -} - -.popup-menu { - min-width: 12em; - color: #424242; - padding: 0 0 !important; -} - -.popup-menu .popup-menu-content { - padding: 6px 0 !important; - box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); - border: 1px solid rgba(0, 0, 0, 0); - margin: 4px 8px !important; -} - -.popup-menu .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: #424242; - text-shadow: none; - border-radius: 8px; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-menu-item:ltr { - padding-right: 2em !important; - padding-left: 0 !important; -} - -.popup-menu .popup-menu-item:rtl { - padding-right: 0 !important; - padding-left: 2em !important; -} - -.popup-menu .popup-menu-item:checked { - font-weight: normal; - border-radius: 8px 8px 0 0; - border: none; - box-shadow: none; - color: #424242; - background-color: rgba(255, 255, 255, 0.75); -} - -.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-menu-item:checked:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-menu-item:checked:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-menu-item.selected { - color: white; - background-color: #0860F2; - transition: none; -} - -.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: white; - background-color: #095de8; - transition-duration: 100ms; -} - -.popup-menu .popup-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu .popup-sub-menu { - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0 0 8px 8px; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; -} - -.popup-menu .popup-sub-menu .popup-menu-item { - margin: 0; - border-radius: 8px; -} - -.popup-menu .popup-sub-menu .popup-menu-item:hover { - color: white; - background-color: #0860F2; -} - -.popup-menu .popup-sub-menu .popup-menu-item:active { - color: white; - background-color: #095de8; -} - -.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { - border-radius: 0 0 8px 8px; -} - -.popup-menu .popup-inactive-menu-item { - color: #424242; -} - -.popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(36, 36, 36, 0.45); -} - -.popup-menu.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; - background: transparent; -} - -.popup-menu-boxpointer StEntry { - selection-background-color: rgba(255, 255, 255, 0.85); - selected-background-color: rgba(255, 255, 255, 0.85); - selected-color: #0860F2; -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: rgba(245, 245, 245, 0.95); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; -} - -.popup-separator-menu-item .popup-separator-menu-item-separator { - height: 1px; - margin: 0 0; - background-color: rgba(0, 0, 0, 0.12); - padding: 0 0; -} - -.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { - padding: 0 0; - margin: 0 32px 0 0; -} - -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; -} - -#appMenu .label-shadow { - color: transparent; -} - -.aggregate-menu { - min-width: 21em; -} - -.aggregate-menu .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { - /* 12px spacing + 2*4px padding */ - padding-left: 16px; - margin-left: 1em; -} - -.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { - /* 12px spacing + 2*4px padding */ - padding-right: 16px; - margin-right: 1em; -} - -.system-menu-action { - color: #424242; - border-radius: 100px; - /* wish we could do 50% */ - padding: 12px; - border: none; - -st-icon-style: symbolic; -} - -.system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; - border: none; - padding: 12px; -} - -.system-menu-action:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.system-menu-action > StIcon { - icon-size: 16px; -} - -.background-menu { - -boxpointer-gap: 4px; - -arrow-rise: 0; -} - -.popup-menu-arrow, -.popup-menu-icon { - icon-size: 1.2307692308em; -} - -.emoji-page .keyboard-key { - background-color: transparent; - border: none; - color: initial; -} - -.emoji-panel .keyboard-key:latched { - border-color: #1c6ff7; - background-color: #0860F2; -} - -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: #565656; -} - -.candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); -} - -.candidate-box { - transition-duration: 0ms; - min-height: 28px; - padding: 0 8px; - border-radius: 6px; -} - -.candidate-box:hover { - background-color: rgba(0, 0, 0, 0.12); - color: #242424; -} - -.candidate-box:active { - background-color: rgba(0, 0, 0, 0.2); - color: #242424; -} - -.candidate-box:selected { - background-color: #0860F2; - color: rgba(255, 255, 255, 0.85); -} - -.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-radius: 6px; - border-right-width: 0; -} - -.candidate-page-button-next { - border-radius: 6px; -} - -.candidate-page-button-icon { - icon-size: 1.2307692308em; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 112px; - font-weight: 300; - text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); -} - -.screen-shield-clock-date { - font-size: 45px; - font-weight: 400; -} - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; -} - -.screen-shield-notifications-container .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -.screen-shield-notifications-container .notification, -.screen-shield-notifications-container .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: rgba(0, 0, 0, 0.3); - color: rgba(255, 255, 255, 0.85); - border-radius: 6px; -} - -.screen-shield-notifications-container .notification { - margin-right: 16px; -} - -.screen-shield-notification-label { - min-height: 18px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: 18px; - padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.85); -} - -#panel.lock-screen { - background-color: rgba(0, 0, 0, 0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); -} - -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - 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: 12px 6px; - border: none; - background-color: rgba(0, 0, 0, 0.6); - color: white; - border-radius: 6px; -} - -.unlock-dialog-notifications-container .notification.critical, -.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: rgba(0, 0, 0, 0.3); -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: #0860F2; - border-radius: 99px; - margin-right: 12px; -} - -StScrollView.vfade { - -st-vfade-offset: 32px; -} - -StScrollView.hfade { - -st-hfade-offset: 32px; -} - -StScrollBar { - padding: 0; -} - -StScrollView StScrollBar { - min-width: 16px; - min-height: 6px; -} - -StScrollBar StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: rgba(0, 0, 0, 0.12); -} - -StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - border-radius: 100px; - background-color: #565656; - margin: 6px; -} - -StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #424242; -} - -StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #242424; -} - -.slider { - height: 20px; - color: white; - border-radius: 16px; - -slider-height: 19px; - -slider-background-color: rgba(0, 0, 0, 0.1); - -slider-border-color: rgba(0, 0, 0, 0.15); - -slider-active-background-color: white; - -slider-active-border-color: rgba(0, 0, 0, 0.15); - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: rgba(0, 0, 0, 0.15); - -barlevel-height: 19px; - -barlevel-background-color: rgba(0, 0, 0, 0.1); - -barlevel-border-color: rgba(0, 0, 0, 0.15); - -barlevel-active-background-color: white; - -barlevel-active-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-color: #f8464c; - -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: rgba(0, 0, 0, 0.15); -} - -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.popup-menu-item.selected .toggle-switch { - background-image: url("assets/toggle-off.svg"); -} - -.popup-menu-item.selected .toggle-switch:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-us { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-us:checked { - background-image: url("assets/toggle-on.svg"); -} - -.toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); -} - -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); -} - -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .app-well-app-running-dot { - background-color: black; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer #dash .app-well-app-running-dot { - background-color: rgba(0, 0, 0, 0.85); -} - -#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(255, 255, 255, 0.85); -} - -#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #0860F2; -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} - -#dash:desktop { - background-color: rgba(241, 241, 241, 0.15); -} - -.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { - border: 1px solid transparent; -} - -.openweather-provider { - padding: 0 16px; - font-weight: 500; - color: #424242; - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-provider:focus { - color: #242424; - text-shadow: none; - icon-shadow: none; - box-shadow: none; -} - -.openweather-provider:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; -} - -.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { - background: none; - color: #242424; -} - -.openweather-current-databox-values { - background: none; - color: #565656; -} - -.openweather-current-databox-captions { - background: none; - color: #565656; -} - -.openweather-forecast-icon, .openweather-forecast-summary { - background: none; - color: #424242; -} - -.openweather-forecast-day, .openweather-forecast-temperature { - background: none; - color: #565656; -} - -.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: #424242; -} - -.popup-menu .search-entry { - color: #242424; - selection-background-color: #0860F2; - selected-color: white; - background-color: rgba(0, 0, 0, 0.1); - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; -} - -.popup-menu .search-entry:focus { - border: 2px solid #4d8ef9; - box-shadow: none; - color: #242424; -} - -.popup-menu .search-entry .search-entry-icon { - color: #565656; -} - -.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #242424; -} diff --git a/src/main/gnome-shell/gnome-shell-light.scss b/src/main/gnome-shell/gnome-shell-light.scss deleted file mode 100644 index a4c360e7..00000000 --- a/src/main/gnome-shell/gnome-shell-light.scss +++ /dev/null @@ -1,11 +0,0 @@ -$variant: 'light'; -$laptop: 'true'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gnome-shell/drawing'; -@import '../../sass/gnome-shell/widgets'; -@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-theme.gresource.xml deleted file mode 100644 index e89bd143..00000000 --- a/src/main/gnome-shell/gnome-shell-theme.gresource.xml +++ /dev/null @@ -1,39 +0,0 @@ - - - - assets/calendar-arrow-left.svg - assets/calendar-arrow-right.svg - assets/calendar-today.svg - assets/checkbox.svg - assets/checkbox-off.svg - assets/dash-placeholder.svg - assets/more-results.svg - assets/noise-texture.svg - assets/toggle-off.svg - assets/toggle-on.svg - assets/window-close.svg - assets/window-close-hover.svg - assets/window-close-active.svg - assets/activities.svg - assets/view-app-grid.svg - assets/background.jpg - icons/scalable/actions/color-pick.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 - 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 - gnome-shell.css - pad-osd.css - no-events.svg - no-notifications.svg - process-working.svg - - diff --git a/src/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml b/src/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml deleted file mode 100644 index 511f0a49..00000000 --- a/src/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml +++ /dev/null @@ -1,40 +0,0 @@ - - - - assets/calendar-arrow-left.svg - assets/calendar-arrow-right.svg - assets/calendar-today.svg - assets/checkbox.svg - assets/checkbox-off.svg - assets/dash-placeholder.svg - assets/more-results.svg - assets/noise-texture.svg - assets/toggle-off.svg - assets/toggle-on.svg - assets/window-close.svg - assets/window-close-hover.svg - assets/window-close-active.svg - assets/activities.svg - assets/view-app-grid.svg - assets/background.jpg - icons/scalable/actions/color-pick.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 - 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 - Yaru/gnome-shell.css - gdm3.css - pad-osd.css - no-events.svg - no-notifications.svg - process-working.svg - - diff --git a/src/main/gnome-shell/pad-osd.css b/src/main/gnome-shell/pad-osd.css deleted file mode 100644 index 9b1becab..00000000 --- a/src/main/gnome-shell/pad-osd.css +++ /dev/null @@ -1,30 +0,0 @@ -.Leader { - stroke-width: .5 !important; - stroke: #333333; - fill: none !important; -} - -.Button { - stroke-width: .25; - stroke: #ededed; - fill: #ededed; -} - -.Ring { - stroke-width: .5 !important; - stroke: #333333 !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: #333333 !important; -} diff --git a/src/main/gtk-2.0/common/apps.rc b/src/main/gtk-2.0/common/apps.rc deleted file mode 100644 index cb3ee0d2..00000000 --- a/src/main/gtk-2.0/common/apps.rc +++ /dev/null @@ -1,157 +0,0 @@ -# -# Thunar -# -style "thunar-handle" { GtkPaned::handle-size = 2 } - -style "dark-sidebar" { - GtkTreeView::odd_row_color = @dark_sidebar_bg - GtkTreeView::even_row_color = @dark_sidebar_bg - - - base[NORMAL] = @dark_sidebar_bg - base[INSENSITIVE] = @dark_sidebar_bg - - text[NORMAL] = @fg_color - text[ACTIVE] = @selected_fg_color - text[SELECTED] = @selected_fg_color -} - -style "thunar-frame" { - xthickness = 0 - ythickness = 0 -} - -widget_class "*ThunarWindow*." style "thunar-frame" -widget_class "*ThunarShortcutsView*" style "dark-sidebar" -widget_class "*ThunarTreeView*" style "dark-sidebar" -widget_class "*ThunarWindow*." style "thunar-handle" - -# -# Workaround for colored entries -# -style "entry_border" { - - xthickness = 7 - ythickness = 5 - - engine "pixmap" { - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/entry-border-bg.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-border-active-bg.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/null.png" - } - } -} - -style "combobox_entry_border" = "combobox_entry" { - - engine "pixmap" { - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "assets/combo-entry-border.png" - border = { 4, 4, 12, 12 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "assets/combo-entry-border-focus.png" - border = { 4, 4, 12, 12 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "assets/combo-entry-border-rtl.png" - border = { 4, 4, 12, 12 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "assets/combo-entry-border-focus-rtl.png" - border = { 4, 4, 12, 12 } - stretch = TRUE - direction = RTL - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/null.png" - } - } -} - - -# Mousepad search entry -widget_class "*MousepadSearchBar*." style "entry_border" - -# Mousepad find and replace -widget_class "*MousepadReplaceDialog*." style "entry_border" - -# Thunar bulk rename -widget_class "*ThunarRenamerDialog*." style "entry_border" - -# Hexchat input box -class "SexySpellEntry" style:highest "entry_border" - -# Geany search entries -widget "*GeanyToolbar.*geany-search-entry-no-match*" style "entry_border" -widget "*GeanyToolbar.*GtkEntry*" style "entry_border" - -widget "GeanyDialogSearch.*GtkComboBoxEntry*.*geany-search-entry-no-match*" style "combobox_entry_border" diff --git a/src/main/gtk-2.0/common/main.rc b/src/main/gtk-2.0/common/main.rc deleted file mode 100644 index 2a59cc13..00000000 --- a/src/main/gtk-2.0/common/main.rc +++ /dev/null @@ -1,2482 +0,0 @@ -style "default" { - - xthickness = 1 - ythickness = 1 - - # Style Properties - - GtkWidget::focus-line-width = 1 - GtkMenuBar::window-dragging = 1 - GtkToolbar::window-dragging = 1 - GtkToolbar::internal-padding = 4 - GtkToolButton::icon-spacing = 4 - - GtkWidget::tooltip-radius = 2 - GtkWidget::tooltip-alpha = 235 - GtkWidget::new-tooltip-style = 1 #for compatibility - - GtkSeparatorMenuItem::horizontal-padding = 0 - GtkSeparatorMenuItem::wide-separators = 1 - GtkSeparatorMenuItem::separator-height = 2 - - GtkButton::child-displacement-y = 0 - GtkButton::default-border = { 0, 0, 0, 0 } - GtkButton::default-outside_border = { 0, 0, 0, 0 } - - GtkEntry::state-hint = 1 - - GtkScrollbar::trough-border = 0 - GtkRange::trough-border = 0 - GtkRange::slider-width = 13 - GtkRange::stepper-size = 0 - - GtkScrollbar::activate-slider = 1 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - GtkScrollbar::min-slider-length = 32 - GtkScrolledWindow::scrollbar-spacing = 0 - GtkScrolledWindow::scrollbars-within-bevel = 1 - - GtkScale::slider_length = 20 - GtkScale::slider_width = 20 - GtkScale::trough-side-details = 1 - - GtkProgressBar::min-horizontal-bar-height = 8 - GtkProgressBar::min-vertical-bar-width = 8 - - GtkStatusbar::shadow_type = GTK_SHADOW_NONE - GtkSpinButton::shadow_type = GTK_SHADOW_NONE - GtkMenuBar::shadow-type = GTK_SHADOW_NONE - GtkToolbar::shadow-type = GTK_SHADOW_NONE - GtkMenuBar::internal-padding = 0 #( every window is misaligned for the sake of menus ): - GtkMenu::horizontal-padding = 0 - GtkMenu::vertical-padding = 0 - - GtkCheckButton::indicator_spacing = 3 - GtkOptionMenu::indicator_spacing = { 8, 2, 0, 0 } - - GtkTreeView::row_ending_details = 0 - GtkTreeView::expander-size = 11 - GtkTreeView::vertical-separator = 4 - GtkTreeView::horizontal-separator = 4 - GtkTreeView::allow-rules = 1 - GtkTreeView::odd_row_color = shade(0.98, @base_color) - - GtkExpander::expander-size = 11 - - 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 - - # Colors - - bg[NORMAL] = @bg_color - bg[PRELIGHT] = shade (1.0, @bg_color) - bg[SELECTED] = @selected_bg_color - bg[INSENSITIVE] = @insensitive_bg_color - bg[ACTIVE] = shade (0.9, @bg_color) - - fg[NORMAL] = @text_color - fg[PRELIGHT] = @fg_color - fg[INSENSITIVE] = @insensitive_fg_color - # fg[ACTIVE] = @fg_color - fg[SELECTED] = @selected_fg_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[SELECTED] = @selected_fg_color - text[INSENSITIVE] = @insensitive_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] = @bg_color - base[ACTIVE] = shade (0.9, @selected_bg_color) - - # For succinctness, all reasonable pixmap options remain here - # This needs to go before pixmap because we need to override some stuff - engine "adwaita" {} - - engine "pixmap" { - - # Check Buttons - - image { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = SELECTED - shadow = OUT - overlay_file = "assets/checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/checkbox-unchecked-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = SELECTED - shadow = IN - overlay_file = "assets/checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = IN - overlay_file = "assets/checkbox-checked-insensitive.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.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = OUT - overlay_file = "assets/radio-unchecked.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-insensitive.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.png" - overlay_stretch = FALSE - } - - image { - function = OPTION - state = ACTIVE - shadow = IN - overlay_file = "assets/radio-checked.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-insensitive.png" - overlay_stretch = FALSE - } - - # Arrows - - image { - function = ARROW - overlay_file = "assets/arrow-up.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/arrow-up-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/arrow-up-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/arrow-up-insens.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/arrow-down-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/arrow-down-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/arrow-down-insens.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - overlay_file = "assets/arrow-left.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state= PRELIGHT - overlay_file = "assets/arrow-left-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/arrow-left-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/arrow-left-insens.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - overlay_file = "assets/arrow-right.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/arrow-right-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = ACTIVE - overlay_file = "assets/arrow-right-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = INSENSITIVE - overlay_file = "assets/arrow-right-insens.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - # Option Menu Arrows - - image { - function = TAB - state = INSENSITIVE - overlay_file = "assets/arrow-down-insens.png" - overlay_stretch = FALSE - } - - image { - function = TAB - state = NORMAL - overlay_file = "assets/arrow-down.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - } - - image { - function = TAB - state = PRELIGHT - overlay_file = "assets/arrow-down-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - } - - # Lines - - image { - function = VLINE - file = "assets/border.png" - border = { 1, 0, 0, 0 } - stretch = TRUE - } - - image { - function = HLINE - file = "assets/border.png" - border = { 0, 0, 1, 0 } - stretch = TRUE - } - - # Focuslines - - image { - function = FOCUS - file = "assets/null.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - } - - # Handles - - image { - function = HANDLE - overlay_file = "assets/handle-h.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - overlay_file = "assets/handle-v.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - # Expanders - - image { - function = EXPANDER - expander_style = COLLAPSED - file = "assets/plus.png" - } - - image { - function = EXPANDER - expander_style = EXPANDED - file = "assets/minus.png" - } - - image { - function = EXPANDER - expander_style = SEMI_EXPANDED - file = "assets/minus.png" - } - - image { - function = EXPANDER - expander_style = SEMI_COLLAPSED - file = "assets/plus.png" - } - - image { - function = RESIZE_GRIP - state = NORMAL - detail = "statusbar" - overlay_file = "assets/null.png" - overlay_border = { 0,0,0,0 } - overlay_stretch = FALSE - } - - # Shadows ( this area needs help :P ) - - image { - function = SHADOW_GAP - file = "assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - - -style "toplevel_hack" { - - engine "adwaita" { - } -} - -style "ooo_stepper_hack" { - - GtkScrollbar::stepper-size = 0 - GtkScrollbar::has-backward-stepper = 0 - GtkScrollbar::has-forward-stepper = 0 - -} - -style "scrollbar" { - - engine "pixmap" { - - image { - function = BOX - detail = "trough" - file = "assets/trough-scrollbar-horiz.png" - border = { 2, 2, 3, 3 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/trough-scrollbar-vert.png" - border = { 3, 3, 2, 2 } - stretch = TRUE - orientation = VERTICAL - } - - image { - function = ARROW - overlay_file = "assets/null.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = UP - } - - image { - function = ARROW - overlay_file = "assets/null.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = DOWN - } - - image { - function = ARROW - overlay_file = "assets/null.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = LEFT - } - - image { - function = ARROW - overlay_file = "assets/null.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - # Sliders - - image { - function = SLIDER - state = NORMAL - file = "assets/slider-horiz.png" - border = { 5, 5, 3, 3 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = ACTIVE - file = "assets/slider-horiz-active.png" - border = { 5, 5, 3, 3 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - file = "assets/slider-horiz-prelight.png" - border = { 5, 5, 3, 3 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = INSENSITIVE - file = "assets/slider-horiz-insens.png" - border = { 5, 5, 3, 3 } - stretch = TRUE - orientation = HORIZONTAL - } - -# X Verticals - - image { - function = SLIDER - state = NORMAL - file = "assets/slider-vert.png" - border = { 3, 3, 5, 5 } - stretch = TRUE - orientation = VERTICAL - } - - image { - function = SLIDER - state = ACTIVE - file = "assets/slider-vert-active.png" - border = { 3, 3, 5, 5 } - stretch = TRUE - orientation = VERTICAL - } - - image { - function = SLIDER - state = PRELIGHT - file = "assets/slider-vert-prelight.png" - border = { 3, 3, 5, 5 } - stretch = TRUE - orientation = VERTICAL - } - - image { - function = SLIDER - state = INSENSITIVE - file = "assets/slider-vert-insens.png" - border = { 3, 3, 5, 5 } - stretch = TRUE - orientation = VERTICAL - } - } -} - -style "menu" { - - xthickness = 0 - ythickness = 0 - - GtkMenuItem::arrow-scaling = 0.4 - - bg[NORMAL] = @menu_bg - bg[INSENSITIVE] = @menu_bg - bg[PRELIGHT] = @menu_bg -} - -style "menu_framed_box" { - -# engine "adwaita" { # default menu border -# } - - engine "pixmap" { - image { - function = BOX - file = "assets/frame.png" - border = { 1, 1, 2, 1 } - stretch = TRUE - } - } - -} - -style "menu_item" { - xthickness = 4 - ythickness = 2 - - # HACK: Gtk doesn't actually read this value - # while rendering the menu items, but Libreoffice - # does; setting this value equal to the one in - # fg[PRELIGHT] ensures a code path in the LO theming code - # that falls back to a dark text color for menu item text - # highlight. The price to pay is black text on menus as well, - # but at least it's readable. - # See https://bugs.freedesktop.org/show_bug.cgi?id=38038 - bg[SELECTED] = @selected_fg_color - - fg[NORMAL] = @menu_fg - fg[SELECTED] = @selected_fg_color - - fg[PRELIGHT] = @selected_fg_color - text[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - - image { - function = BOX - state = PRELIGHT - file = "assets/menuitem.png" - border = { 1, 0, 1, 0 } - stretch = TRUE - } - - # Fix invisible scale trough on selected menuitems - - image { - function = BOX - detail = "trough-lower" - file = "assets/trough-horizontal.png" - border = { 8, 8, 0, 0 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - # Check Buttons - - image { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = OUT - overlay_file = "assets/menu-checkbox-unchecked-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = NORMAL - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = PRELIGHT - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = ACTIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked.png" - overlay_stretch = FALSE - } - - image { - function = CHECK - recolorable = TRUE - state = INSENSITIVE - shadow = IN - overlay_file = "assets/menu-checkbox-checked-insensitive.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-insensitive.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-insensitive.png" - overlay_stretch = FALSE - } - - image { - function = SHADOW # This fixes boxy Qt menu items - file = "assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - - # Arrow Buttons - - image { - function = ARROW - state = NORMAL - overlay_file = "assets/menu-arrow.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = ARROW - state = PRELIGHT - overlay_file = "assets/menu-arrow-prelight.png" - overlay_border = { 0, 0, 0, 0 } - overlay_stretch = FALSE - arrow_direction = RIGHT - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - image { - function = BOX - detail = "menu_scroll_arrow_up" - file = "assets/border.png" - border = {0, 0, 1, 0} - } - - image { - function = BOX - state = PRELIGHT - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - border = {1, 0, 0, 0} - } - - image { - function = BOX - detail = "menu_scroll_arrow_down" - file = "assets/border.png" - border = {1, 0, 0, 0} - } - } -} - -style "button" { - - xthickness = 4 - ythickness = 4 - - engine "murrine" { textstyle = 0 } - - engine "pixmap" { - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - shadow = OUT - file = "assets/button-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - # hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/button-active-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-insensitive.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "toolbar_button" { - - engine "pixmap" { - - # hover effect on pressed buttons - image { - function = BOX - state = PRELIGHT - shadow = IN - file = "assets/toolbar-button-active-hover.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/toolbar-button-active.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - } -} - -style "button_label" { - - fg[NORMAL] = @text_color - fg[PRELIGHT] = @fg_color - fg[INSENSITIVE] = @insensitive_button_fg_color - fg[ACTIVE] = @fg_color - - engine "murrine" { textstyle = 0 } - -} - -style "checkbutton" { - - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @text_color - -} - -style "link_button" { - # Disable the button effect, leave just the link - engine "pixmap" { - image { - function = BOX - } - } -} - -style "entry" { - - xthickness = 6 - ythickness = 4 - - engine "pixmap" { - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/entry-bg.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active-bg.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled-bg.png" - border = {6, 6, 6, 6} - 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" - } - } -} - -style "notebook_entry" { - - engine "pixmap" { - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/entry-notebook.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active-notebook.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled-notebook.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - } -} - -style "notebook_button_bg" { - - bg[NORMAL] = @notebook_bg - bg[PRELIGHT] = @notebook_bg - bg[INSENSITIVE] = @notebook_bg - bg[ACTIVE] = @notebook_bg - -} - -style "notebook_tab_label" { - - fg[NORMAL] = @text_color - fg[PRELIGHT] = @fg_color - fg[INSENSITIVE] = @insensitive_fg_color - fg[ACTIVE] = @text_color - -} - -style "combobox_entry" { - - xthickness = 3 - ythickness = 4 - - engine "pixmap" { - - # LTR version - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "assets/combo-entry.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "assets/combo-entry-insensitive.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "assets/combo-entry-focus.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - # RTL version - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "assets/combo-entry-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "assets/combo-entry-insensitive-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "assets/combo-entry-focus-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - } -} - -style "notebook_combobox_entry" { - - engine "pixmap" { - - # LTR version - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "assets/combo-entry-notebook.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "assets/combo-entry-insensitive-notebook.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "assets/combo-entry-focus-notebook.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - # RTL version - - image { - function = SHADOW - detail = "entry" - state = NORMAL - shadow = IN - file = "assets/combo-entry-notebook-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = INSENSITIVE - shadow = IN - file = "assets/combo-entry-insensitive-notebook-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = SHADOW - detail = "entry" - state = ACTIVE - file = "assets/combo-entry-focus-notebook-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - } -} - -style "combobox_entry_button" { - - xthickness = 6 - - fg[ACTIVE] = @text_color - - engine "pixmap" { - - # LTR version - - image { - function = BOX - state = NORMAL - file = "assets/combo-entry-button.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - file = "assets/combo-entry-button.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/combo-entry-button-insensitive.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - file = "assets/combo-entry-button-active.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = LTR - } - - # RTL version - image { - function = BOX - state = NORMAL - file = "assets/combo-entry-button-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - file = "assets/combo-entry-button-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/combo-entry-button-insensitive-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - file = "assets/combo-entry-button-active-rtl.png" - border = { 4, 4, 5, 4 } - stretch = TRUE - direction = RTL - } - } -} - -style "spinbutton" { - - bg[NORMAL] = @bg_color - - xthickness = 6 - ythickness = 4 - - engine "pixmap" { - - image { - function = ARROW - } - - # Spin-Up LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/up-background.png" - border = { 1, 4, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/up-background.png" - border = { 1, 4, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small-prelight.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/up-background-disable.png" - border = { 1, 4, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small-insens.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/up-background.png" - border = { 1, 4, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small-prelight.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Up RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - file = "assets/up-background-rtl.png" - border = { 4, 1, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - file = "assets/up-background-rtl.png" - border = { 4, 1, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small-prelight.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - file = "assets/up-background-disable-rtl.png" - border = { 4, 1, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small-insens.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - file = "assets/up-background-rtl.png" - border = { 4, 1, 5, 0 } - stretch = TRUE - overlay_file = "assets/arrow-up-small-prelight.png" - overlay_stretch = FALSE - direction = RTL - } - - # Spin-Down LTR - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/down-background.png" - border = { 1, 4, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/down-background.png" - border = { 1, 4, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small-prelight.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/down-background-disable.png" - border = { 1, 4, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small-insens.png" - overlay_stretch = FALSE - direction = LTR - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/down-background.png" - border = { 1, 4, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small-prelight.png" - overlay_stretch = FALSE - direction = LTR - } - - # Spin-Down RTL - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - file = "assets/down-background-rtl.png" - border = { 4, 1, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - file = "assets/down-background-rtl.png" - border = { 4, 1, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small-prelight.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - file = "assets/down-background-disable-rtl.png" - border = { 4, 1, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small-insens.png" - overlay_stretch = FALSE - direction = RTL - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - file = "assets/down-background-rtl.png" - border = { 4, 1, 1, 4 } - stretch = TRUE - overlay_file = "assets/arrow-down-small-prelight.png" - overlay_stretch = FALSE - direction = RTL - } - } -} - -style "gimp_spin_scale" { - - bg[NORMAL] = @base_color - - engine "pixmap" { - - image { - function = FLAT_BOX - detail = "entry_bg" - state = NORMAL - } - - image { - function = FLAT_BOX - detail = "entry_bg" - state = ACTIVE - } - - image { - function = BOX - state = NORMAL - detail = "spinbutton_up" - overlay_file = "assets/arrow-up-small.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_up" - overlay_file = "assets/arrow-up-small-prelight.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_up" - overlay_file = "assets/arrow-up-small-prelight.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_up" - overlay_file = "assets/arrow-up-small-insens.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = NORMAL - detail = "spinbutton_down" - overlay_file = "assets/arrow-down-small.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = PRELIGHT - detail = "spinbutton_down" - overlay_file = "assets/arrow-down-small-prelight.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = ACTIVE - detail = "spinbutton_down" - overlay_file = "assets/arrow-down-small-prelight.png" - overlay_stretch = FALSE - } - - image { - function = BOX - state = INSENSITIVE - detail = "spinbutton_down" - overlay_file = "assets/arrow-down-small-insens.png" - overlay_stretch = FALSE - } - } -} - -style "notebook" { - - xthickness = 5 - ythickness = 2 - - engine "pixmap" { - - image { - function = EXTENSION - state = ACTIVE - file = "assets/null.png" - border = { 0,0,0,0 } - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - state = ACTIVE - file = "assets/null.png" - border = { 0,0,0,0 } - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - state = ACTIVE - file = "assets/null.png" - border = { 0,0,0,0 } - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - state = ACTIVE - file = "assets/null.png" - border = { 0,0,0,0 } - stretch = TRUE - gap_side = LEFT - } - - image { - function = EXTENSION - file = "assets/tab-top-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = BOTTOM - } - - image { - function = EXTENSION - file = "assets/tab-bottom-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = TOP - } - - image { - function = EXTENSION - file = "assets/tab-left-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = RIGHT - } - - image { - function = EXTENSION - file = "assets/tab-right-active.png" - border = { 3,3,3,3 } - stretch = TRUE - gap_side = LEFT - } - - # How to draw boxes with a gap on one side (ie the page of a notebook) - - image { - function = BOX_GAP - file = "assets/notebook.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "assets/notebook-gap-horiz.png" - gap_border = { 1, 1, 0, 0 } - gap_side = TOP - } - - image { - function = BOX_GAP - file = "assets/notebook.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "assets/notebook-gap-horiz.png" - gap_border = { 1, 1, 0, 0 } - gap_side = BOTTOM - } - - image { - function = BOX_GAP - file = "assets/notebook.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "assets/notebook-gap-vert.png" - gap_border = { 0, 0, 1, 1 } - gap_side = LEFT - } - - image { - function = BOX_GAP - file = "assets/notebook.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - gap_file = "assets/notebook-gap-vert.png" - gap_border = { 0, 0, 1, 1 } - gap_side = RIGHT - } - - # How to draw the box of a notebook when it isnt attached to a tab - - image { - function = BOX - file = "assets/notebook.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - -style "handlebox" { - - engine "pixmap" { - - image { - function = BOX - file = "assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - detail = "handlebox_bin" - shadow = IN - } - - image { - function = BOX - file = "assets/null.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - detail = "handlebox_bin" - shadow = OUT - } - } -} - -style "combobox_separator" { - - xthickness = 0 - ythickness = 0 - GtkWidget::wide-separators = 1 - -} - -style "combobox" { - - xthickness = 0 - ythickness = 0 - -} - -style "combobox_button" { - - xthickness = 3 - ythickness = 3 - -} - -style "range" { - - engine "pixmap" { - - image { - function = BOX - detail = "trough-upper" - file = "assets/trough-horizontal.png" - border = { 8, 8, 0, 0 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/trough-horizontal-active.png" - border = { 8, 8, 0, 0 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough-upper" - file = "assets/trough-vertical.png" - border = { 0, 0, 8, 8 } - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "trough-lower" - file = "assets/trough-vertical-active.png" - border = { 0, 0, 8, 8 } - stretch = TRUE - orientation = VERTICAL - } - - # Horizontal - - image { - function = SLIDER - state = NORMAL - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = PRELIGHT - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider-prelight.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = SLIDER - state = INSENSITIVE - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider-insensitive.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - # Vertical - - image { - function = SLIDER - state = NORMAL - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = SLIDER - state = PRELIGHT - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider-prelight.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - image { - function = SLIDER - state = INSENSITIVE - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - overlay_file = "assets/slider-insensitive.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - # Function below removes ugly boxes - - image { - function = BOX - file = "assets/null.png" - border = { 3, 3, 3, 3 } - stretch = TRUE - } - } -} - -style "progressbar" { - - xthickness = 1 - ythickness = 1 - - fg[NORMAL] = @fg_color - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - - image { - function = BOX - detail = "trough" - file = "assets/trough-progressbar.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar.png" - stretch = TRUE - border = { 3, 3, 3, 3 } - orientation = HORIZONTAL - } - - image { - function = BOX - detail = "trough" - file = "assets/trough-progressbar_v.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - orientation = VERTICAL - } - - image { - function = BOX - detail = "bar" - file = "assets/progressbar_v.png" - stretch = TRUE - border = { 3, 3, 3, 3 } - orientation = VERTICAL - } - } -} - -style "separator_menu_item" { - xthickness = 0 - ythickness = 2 - - engine "pixmap" { - image { - function = BOX - file = "assets/menu-separator.png" - border = {0, 0, 2, 0} - } - } -} - -style "treeview_header" { - ythickness = 1 - - fg[PRELIGHT] = mix(0.70, @text_color, @base_color) - font_name = "Bold" - - engine "pixmap" { - - image { - function = BOX - file = "assets/tree_header.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - } - } -} - -# Treeview Rows - -style "treeview" { - - xthickness = 2 - ythickness = 0 - -} - -style "scrolled_window" { - - xthickness = 1 - ythickness = 1 - - engine "pixmap" { - - image { - function = SHADOW - file = "assets/frame.png" - border = { 5, 5, 5, 5 } - stretch = TRUE - } - } -} - -style "frame" { - - xthickness = 1 - ythickness = 1 - - engine "pixmap" { - - image { - function = SHADOW - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = IN - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = IN - } - - image { - function = SHADOW - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = OUT - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = OUT - } - - image { - function = SHADOW - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = ETCHED_IN - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = ETCHED_IN - } - - image { - function = SHADOW - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - shadow = ETCHED_OUT - } - - image { - function = SHADOW_GAP - file = "assets/frame.png" - border = { 1, 1, 1, 1 } - stretch = TRUE - gap_start_file = "assets/frame-gap-start.png" - gap_start_border = { 1, 0, 0, 0 } - gap_end_file = "assets/frame-gap-end.png" - gap_end_border = { 0, 1, 0, 0 } - shadow = ETCHED_OUT - } - } -} - -style "gimp_toolbox_frame" { - - engine "pixmap" { - - image { - function = SHADOW - } - - } -} - -style "toolbar" { - - engine "pixmap" { - - image { - function = BOX - file = "assets/toolbar.png" - stretch = TRUE - border = { 1, 1, 1, 1 } - } - - image { - function = HANDLE - overlay_file = "assets/handle-h.png" - overlay_stretch = FALSE - orientation = HORIZONTAL - } - - image { - function = HANDLE - overlay_file = "assets/handle-v.png" - overlay_stretch = FALSE - orientation = VERTICAL - } - - ######### - # 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} - } - } -} - -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/inline-toolbar.png" - stretch = TRUE - border = { 1, 1, 1, 1 } - } - } -} - -style "notebook_viewport" { - - bg[NORMAL] = @notebook_bg -} - - -style "notebook_eventbox" { - - bg[NORMAL] = @notebook_bg - bg[ACTIVE] = @bg_color -} - -style "tooltips" { - - xthickness = 8 - ythickness = 4 - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - bg[SELECTED] = @tooltip_bg_color - -} - -style "eclipse-tooltips" { - - xthickness = 8 - ythickness = 4 - - bg[NORMAL] = shade(1.05, @bg_color) - fg[NORMAL] = @text_color - bg[SELECTED] = shade(1.05, @bg_color) - -} - -style "xfdesktop-icon-view" { - XfdesktopIconView::label-alpha = 0 - XfdesktopIconView::selected-label-alpha = 100 - XfdesktopIconView::shadow-x-offset = 0 - XfdesktopIconView::shadow-y-offset = 1 - XfdesktopIconView::selected-shadow-x-offset = 0 - XfdesktopIconView::selected-shadow-y-offset = 1 - XfdesktopIconView::shadow-color = "#000000" - XfdesktopIconView::selected-shadow-color = "#000000" - XfdesktopIconView::shadow-blur-radius = 2 - XfdesktopIconView::cell-spacing = 2 - XfdesktopIconView::cell-padding = 6 - XfdesktopIconView::cell-text-width-proportion = 1.9 - - fg[NORMAL] = @selected_fg_color - fg[ACTIVE] = @selected_fg_color -} - -style "xfwm-tabwin" { - Xfwm4TabwinWidget::border-width = 1 - Xfwm4TabwinWidget::border-alpha = 1.0 - Xfwm4TabwinWidget::icon-size = 64 - Xfwm4TabwinWidget::alpha = 1.0 - Xfwm4TabwinWidget::border-radius = 2 - - bg[NORMAL] = @bg_color - bg[SELECTED] = @bg_color - - fg[NORMAL] = @fg_color - - engine "murrine" { - contrast = 0.7 - glazestyle = 0 - glowstyle = 0 - highlight_shade = 1.0 - gradient_shades = {1.0,1.0,1.0,1.0} - border_shades = { 0.8, 0.8 } - } -} - -style "xfwm-tabwin-button" { - font_name = "bold" - bg[SELECTED] = @selected_bg_color -} - -# Chromium -style "chrome_menu_item" { - - bg[SELECTED] = @selected_bg_color - -} - -# Text Style -style "text" = "default" { - fg[NORMAL] = @fg_color # FIXME: VMWare needs this? - - engine "murrine" { textstyle = 0 } -} - -style "menu_text" = "menu_item" { - engine "murrine" { textstyle = 0 } -} - -style "null" { - - engine "pixmap" { - - image { - function = BOX - file = "assets/null.png" - stretch = TRUE - } - } -} - - -class "GtkWidget" style "default" -class "GtkScrollbar" style "scrollbar" -class "GtkButton" style "button" -class "GtkLinkButton" style "link_button" -class "GtkEntry" style "entry" -class "GtkOldEditable" style "entry" -class "GtkSpinButton" style "spinbutton" -class "GtkNotebook" style "notebook" -class "GtkRange" style "range" -class "GtkProgressBar" style "progressbar" -class "GtkScrolledWindow" style "scrolled_window" -class "GtkFrame" style "frame" -class "GtkTreeView" style "treeview" -class "GtkToolbar" style "toolbar" -class "*HandleBox" style "toolbar" - -widget_class "**" style "menu" -widget_class "**" style "menu_framed_box" -widget_class "**" style "menu_item" -widget_class "**" style "separator_menu_item" -widget_class "**" style "checkbutton" -widget_class "*" style "combobox" -widget_class "**" style "combobox_button" -widget_class "**" style "combobox_separator" -widget_class "***" style "treeview_header" -widget_class "**" style "inline_toolbar" -widget_class "**" style "combobox_entry" -widget_class "**" style "combobox_entry_button" -widget_class "***" style "notebook_viewport" -widget_class "*HandleBox" style "toolbar" - -widget_class "**" style "button_label" -widget_class "**" style "button_label" -#widget_class "**" style "button_label" -#widget_class "**" style "button_label" - -widget_class "**" style "toolbar_button" -widget_class "***" style "button_label" - -widget_class "*" style "toolbar_button" -widget_class "**" style "button_label" - -# Entries in notebooks draw with notebook's base color, but not if there's -# something else in the middle that draws gray again -widget_class "**" style "notebook_entry" -widget_class "***" style "entry" - -widget_class "***" style "notebook_combobox_entry" -widget_class "****" style "combobox_entry" - -widget_class "**" style "notebook_button_bg" - -# We also need to avoid changing fg color for the inactive notebook tab labels -widget_class "**" style "notebook_tab_label" -widget_class "***" style "button_label" - -# GTK tooltips -widget "gtk-tooltip*" style "tooltips" - -#Fix GVim tabs -widget_class "**" style "notebook_eventbox" - -# Xchat special cases -widget "*xchat-inputbox" style "entry" - -# GIMP -# Disable gradients completely for GimpSpinScale -#class "GimpSpinScale" style "gimp_spin_scale" - -# Remove borders from "Wilbert frame" in Gimp -widget_class "**" style "gimp_toolbox_frame" - -# Chrome/Chromium -widget_class "*Chrom*Button*" style "button" -widget_class "***" style "chrome_menu_item" - -# Eclipse/SWT -widget "gtk-tooltips*" style "eclipse-tooltips" -widget "*swt-toolbar-flat" style "null" - -# Openoffice, Libreoffice -class "GtkWindow" style "toplevel_hack" -widget "*openoffice-toplevel*" style "ooo_stepper_hack" - -# Xfce -widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view" -widget "xfwm4-tabwin*" style "xfwm-tabwin" -widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button" - -# Fixes ugly text shadows for insensitive text -widget_class "*" style "text" -widget_class "**" style "menu_text" -widget_class "**" style "text" -widget_class "**" style "text" -widget_class "**" style "text" diff --git a/src/main/gtk-2.0/common/panel.rc b/src/main/gtk-2.0/common/panel.rc deleted file mode 100644 index 1f74a8eb..00000000 --- a/src/main/gtk-2.0/common/panel.rc +++ /dev/null @@ -1,196 +0,0 @@ -style "theme-panel" { - GtkButton::inner-border = { 0, 0, 0, 0 } - xthickness = 2 - ythickness = 0 - - bg[NORMAL] = shade(1.0, @tooltip_bg_color) - bg[ACTIVE] = @selected_bg_color - bg[PRELIGHT] = shade(1.2, @tooltip_bg_color) - bg[SELECTED] = @selected_bg_color - - fg[NORMAL] = shade(1.0, @tooltip_fg_color) - fg[PRELIGHT] = @fg_color - fg[ACTIVE] = @tooltip_fg_color - fg[SELECTED] = @tooltip_fg_color - - text[NORMAL] = shade(1.0, @tooltip_fg_color) - text[PRELIGHT] = shade(1.1, @tooltip_fg_color) - text[ACTIVE] = shade(1.0, @tooltip_fg_color) - text[SELECTED] = @tooltip_fg_color - - engine "pixmap" { - image { - function = SHADOW - file = "assets/null.png" - border = { 0, 0, 0, 0 } - stretch = TRUE - } - } -} - -style "theme-panel-progressbar" { - bg[ACTIVE] = shade(0.8, @tooltip_bg_color) -} - -style "panelbar" { - fg[NORMAL] = shade(1.0, @tooltip_fg_color) - fg[ACTIVE] = shade(1.0, @tooltip_fg_color) - fg[PRELIGHT] = shade(1.1, @tooltip_fg_color) - fg[SELECTED] = @tooltip_fg_color -} - -style "panelbuttons" { - GtkButton::inner-border = { 0, 0, 0, 0 } - xthickness = 4 - ythickness = 0 - - fg[NORMAL] = shade(0.8, @tooltip_fg_color) - fg[PRELIGHT] = @tooltip_fg_color - fg[ACTIVE] = @tooltip_fg_color - fg[SELECTED] = @tooltip_fg_color - fg[INSENSITIVE] = mix(0.28, @tooltip_fg_color, @tooltip_bg_color) - bg[PRELIGHT] = shade(1.2, @tooltip_bg_color) - bg[ACTIVE] = shade(1.5, @tooltip_bg_color) - - engine "pixmap" { - image { - function = BOX - state = NORMAL - file = "assets/null.png" - border = { 0, 0, 0, 2 } - stretch = TRUE - } - image { - function = BOX - state = ACTIVE - file = "assets/pathbar_button_active.png" - border = { 0, 0, 0, 2 } - stretch = TRUE - } - image { - function = BOX - state = PRELIGHT - file = "assets/pathbar_button_prelight.png" - border = { 0, 0, 0, 2 } - stretch = TRUE - } - image { - function = BOX - state = INSENSITIVE - file = "assets/null.png" - border = { 0, 0, 0, 2 } - stretch = TRUE - } - } -} - -style "regular-label" { - font_name = "Regular" -} - -style "theme-panel-text" { - - fg[NORMAL] = shade(1.0, @tooltip_fg_color) - fg[PRELIGHT] = @tooltip_fg_color - fg[ACTIVE] = shade(1.0, @tooltip_fg_color) - - text[NORMAL] = shade(1.0, @tooltip_fg_color) - text[PRELIGHT] = @tooltip_fg_color - text[ACTIVE] = shade(1.0, @tooltip_fg_color) - - engine "murrine" { - textstyle = 0 - text_shade = 0.2 - } -} - -style "panel-entry" { - - fg[NORMAL] = @text_color - fg[PRELIGHT] = @text_color - fg[ACTIVE] = @text_color - fg[SELECTED] = @text_color - fg[INSENSITIVE] = @text_color - - text[NORMAL] = @text_color - text[PRELIGHT] = @text_color - text[ACTIVE] = @text_color - text[SELECTED] = @text_color - text[INSENSITIVE] = @text_color - -} - -style "theme-main-menu-text" = "theme-panel-text" { - fg[PRELIGHT] = @tooltip_fg_color - text[PRELIGHT] = @tooltip_fg_color -} - -style "workspace-switcher" = "theme-panel" { - fg[SELECTED] = @selected_fg_color - bg[SELECTED] = @selected_bg_color -} - -style "indicator" = "theme-panel" { - xthickness = 0 - ythickness = 0 -} - -widget "*tasklist*" style "panelbuttons" -widget_class "*Xfce*Panel*.GtkToggleButton" style "panelbuttons" -widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" -widget_class "*PanelToplevel*Button" style "panelbuttons" -widget_class "*Panel*GtkToggleButton" style "panelbuttons" -widget_class "*Xfce*Panel*Button*" style "panelbuttons" -widget_class "*" style "panelbuttons" -widget_class "**" style "panelbuttons" -widget_class "*XfcePanelPlugin.GtkButton" style "panelbuttons" -widget_class "*XfcePanelPlugin.GtkToggleButton" style "panelbuttons" -widget "*dict*Applet*" style "panelbuttons" -widget_class "*Xfce*NetkTasklist*GtkToggleButton" style "panelbuttons" -widget_class "*Tasklist*" style:highest "panelbuttons" -widget_class "*Tasklist*.GtkLabel" style:highest "regular-label" -widget_class "*Mixer*lugin*" style:highest "panelbuttons" - -class "*Panel*MenuBar*" style "panelbar" -widget_class "*Panel*MenuBar*" style "panelbar" -widget_class "*Panel*MenuBar*Item*" style:highest "panelbar" - -widget "*PanelWidget*" style "theme-panel" -widget "*PanelApplet*" style "theme-panel" -widget "*fast-user-switch*" style "theme-panel" -widget "*CPUFreq*Applet*" style "theme-panel" -class "PanelApp*" style "theme-panel" -class "PanelToplevel*" style "theme-panel" -widget_class "*PanelToplevel*" style "theme-panel" -widget_class "*notif*" style "theme-panel" -widget_class "*Notif*" style "theme-panel" -widget_class "*Tray*" style "theme-panel" -widget_class "*tray*" style "theme-panel" -widget_class "*computertemp*" style "theme-panel" -widget_class "*Applet*Tomboy*" style "theme-panel" -widget_class "*Applet*Netstatus*" style "theme-panel" - -# Fixes for tooltip text in some apps. -widget_class "*Notif*Beagle*" style "theme-panel" -widget_class "*Notif*Brasero*" style "theme-panel" - -# XFCE panel theming. -widget "*Xfce*Panel*" style "theme-panel" -class "*Xfce*Panel*" style "theme-panel" -widget "*Xfce*Panel*GtkProgressBar" style "theme-panel-progressbar" -widget "*WnckPager*" style "workspace-switcher" -widget "*TopMenu*" style "theme-panel" -widget "*XfceTasklist*" style "panelbuttons" - -# Fix gtk-entries in the panel -widget "*bookmark*GtkEntry" style "panel-entry" # fixes smartbookmark-plugin - -# Make sure panel text color doesn't change -widget_class "*Panel*MenuBar*" style "theme-main-menu-text" -widget_class "*Panel**" style "theme-main-menu-text" -widget "*.clock-applet-button.*" style "theme-panel-text" -widget "*PanelApplet*" style "theme-panel-text" - -# Override general panel-style with specific plugin-styles -widget "*indicator-applet*" style "indicator" -widget "*indicator-button*" style "indicator" diff --git a/src/main/gtk-2.0/common/xfce-notify.rc b/src/main/gtk-2.0/common/xfce-notify.rc deleted file mode 100644 index 98403a74..00000000 --- a/src/main/gtk-2.0/common/xfce-notify.rc +++ /dev/null @@ -1,73 +0,0 @@ - -style "notify-window" { - XfceNotifyWindow::summary-bold = 1 - XfceNotifyWindow::border-color = shade(1.3, @tooltip_bg_color) - XfceNotifyWindow::border-color-hover = shade(1.3, @tooltip_bg_color) - XfceNotifyWindow::border-radius = 3.0 - XfceNotifyWindow::border-width = 1.0 - XfceNotifyWindow::border-width-hover = 1.0 - - bg[NORMAL] = @tooltip_bg_color -} - -style "notify-button" { - bg[NORMAL] = shade(1.1, @tooltip_bg_color) - bg[PRELIGHT] = shade(1.2, @tooltip_bg_color) - bg[ACTIVE] = shade(1.15, @tooltip_bg_color) - - fg[NORMAL] = @tooltip_fg_color - fg[PRELIGHT] = shade(1.1, @tooltip_fg_color) - fg[ACTIVE] = @selected_fg_color - - engine "murrine" { - gradient_shades = { 1.0, 1.0, 1.0, 1.0 } - border_shades = { 1.0, 1.0 } - roundness = 2 - textstyle = 0 - } -} - -style "notify-text" { - GtkWidget::link-color = @selected_bg_color - - fg[NORMAL] = shade(1.0, @tooltip_fg_color) - fg[PRELIGHT] = shade(1.1, @tooltip_fg_color) - fg[ACTIVE] = shade(1.0, @tooltip_fg_color) - - engine "murrine" { - textstyle = 0 - } -} - -style "notify-summary" { - font_name = "Bold" -} - -style "notify-progressbar" { - GtkProgressBar::min-horizontal-bar-height = 4 - - xthickness = 0 - ythickness = 0 - - fg[PRELIGHT] = shade(0.8, @tooltip_bg_color) - bg[NORMAL] = @selected_bg_color - bg[ACTIVE] = shade(0.8, @tooltip_bg_color) - bg[SELECTED] = @selected_bg_color - - engine "murrine" { - gradient_shades = { 1.0, 1.0, 1.0, 1.0 } - border_shades = { 1.0, 1.0 } - trough_shades = { 1.0, 1.0 } - trough_border_shades = { 1.0, 1.0 } - progressbarstyle = 0 - roundness = 2 - textstyle = 0 - } -} - -class "XfceNotifyWindow" style "notify-window" -widget "XfceNotifyWindow.*.summary" style "notify-summary" -widget_class "XfceNotifyWindow.*" style "notify-button" -widget_class "XfceNotifyWindow.*." style "notify-text" -widget_class "XfceNotifyWindow.*." style "notify-progressbar" -widget_class "XfceNotifyWindow.*." style "notify-progressbar" diff --git a/src/main/gtk-2.0/gtkrc-dark b/src/main/gtk-2.0/gtkrc-dark deleted file mode 100644 index 5c6e7bed..00000000 --- a/src/main/gtk-2.0/gtkrc-dark +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #0860f2" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-blue b/src/main/gtk-2.0/gtkrc-dark-blue deleted file mode 100644 index 4699d8b6..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-blue +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #2E7CF7" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-green b/src/main/gtk-2.0/gtkrc-dark-green deleted file mode 100644 index 76bf5fbc..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-green +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #79B757" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-grey b/src/main/gtk-2.0/gtkrc-dark-grey deleted file mode 100644 index ecb15a00..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-grey +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #8C8C8C" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-orange b/src/main/gtk-2.0/gtkrc-dark-orange deleted file mode 100644 index 9f870b2a..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-orange +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #E9873A" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-pink b/src/main/gtk-2.0/gtkrc-dark-pink deleted file mode 100644 index 537314f4..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-pink +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #E55E9C" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-purple b/src/main/gtk-2.0/gtkrc-dark-purple deleted file mode 100644 index c62eae32..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-purple +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #9A57A3" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-red b/src/main/gtk-2.0/gtkrc-dark-red deleted file mode 100644 index 5da1409d..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-red +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #ED5F5D" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-yellow b/src/main/gtk-2.0/gtkrc-dark-yellow deleted file mode 100644 index cb34aceb..00000000 --- a/src/main/gtk-2.0/gtkrc-dark-yellow +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #242424" -gtk-color-scheme = "text_color: #dedede" -gtk-color-scheme = "bg_color: #333333" -gtk-color-scheme = "fg_color: #dedede" -gtk-color-scheme = "tooltip_bg_color: #2a2a2a" -gtk-color-scheme = "tooltip_fg_color: #dedede" -gtk-color-scheme = "selected_bg_color: #F3BA4B" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #2A2A2A" -gtk-color-scheme = "insensitive_fg_color: #565656" -gtk-color-scheme = "insensitive_button_fg_color: #999999" -gtk-color-scheme = "notebook_bg: #242424" -gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #333333" -gtk-color-scheme = "menu_fg: #dedede" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light b/src/main/gtk-2.0/gtkrc-light deleted file mode 100644 index dd31af1a..00000000 --- a/src/main/gtk-2.0/gtkrc-light +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #0860f2" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-blue b/src/main/gtk-2.0/gtkrc-light-blue deleted file mode 100644 index 3b1e24d3..00000000 --- a/src/main/gtk-2.0/gtkrc-light-blue +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #2E7CF7" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-green b/src/main/gtk-2.0/gtkrc-light-green deleted file mode 100644 index d04a6f12..00000000 --- a/src/main/gtk-2.0/gtkrc-light-green +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #79B757" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-grey b/src/main/gtk-2.0/gtkrc-light-grey deleted file mode 100644 index 31ae48a3..00000000 --- a/src/main/gtk-2.0/gtkrc-light-grey +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #8C8C8C" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-orange b/src/main/gtk-2.0/gtkrc-light-orange deleted file mode 100644 index 2b3ad876..00000000 --- a/src/main/gtk-2.0/gtkrc-light-orange +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #E9873A" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-pink b/src/main/gtk-2.0/gtkrc-light-pink deleted file mode 100644 index 1965d061..00000000 --- a/src/main/gtk-2.0/gtkrc-light-pink +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #E55E9C" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-purple b/src/main/gtk-2.0/gtkrc-light-purple deleted file mode 100644 index 5389d11d..00000000 --- a/src/main/gtk-2.0/gtkrc-light-purple +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #9A57A3" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-red b/src/main/gtk-2.0/gtkrc-light-red deleted file mode 100644 index b1135dc6..00000000 --- a/src/main/gtk-2.0/gtkrc-light-red +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #ED5F5D" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-yellow b/src/main/gtk-2.0/gtkrc-light-yellow deleted file mode 100644 index 8589ea71..00000000 --- a/src/main/gtk-2.0/gtkrc-light-yellow +++ /dev/null @@ -1,26 +0,0 @@ -gtk-color-scheme = "base_color: #ffffff" -gtk-color-scheme = "text_color: #363636" -gtk-color-scheme = "bg_color: #f5f5f5" -gtk-color-scheme = "fg_color: #242424" -gtk-color-scheme = "tooltip_bg_color: #FEFEFE" -gtk-color-scheme = "tooltip_fg_color: #363636" -gtk-color-scheme = "selected_bg_color: #F3BA4B" -gtk-color-scheme = "selected_fg_color: #ffffff" -gtk-color-scheme = "insensitive_bg_color: #FAFAFA" -gtk-color-scheme = "insensitive_fg_color: #7e7e7e" -gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" -gtk-color-scheme = "notebook_bg: #f5f5f5" -gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" -gtk-color-scheme = "link_color: #5294e2" -gtk-color-scheme = "menu_bg: #ffffff" -gtk-color-scheme = "menu_fg: #363636" - -gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. -gtk-auto-mnemonics = 1 -gtk-primary-button-warps-slider = 1 - -include "main.rc" -include "apps.rc" -include "panel.rc" -include "xfce-notify.rc" -include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/menubar-toolbar-dark.rc b/src/main/gtk-2.0/menubar-toolbar-dark.rc deleted file mode 100644 index bef3ad32..00000000 --- a/src/main/gtk-2.0/menubar-toolbar-dark.rc +++ /dev/null @@ -1,225 +0,0 @@ -style "menubar" { - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - fg[PRELIGHT] = shade(1.15, @tooltip_fg_color) - fg[ACTIVE] = shade(1.15, @tooltip_fg_color) - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = shade(0.7, @tooltip_fg_color) - - xthickness = 0 - ythickness = 0 - - engine "pixmap" { - - image { - function = BOX - file = "assets/menubar.png" - stretch = TRUE - border = { 1, 1, 1, 1 } - } - } -} - -style "menubar-borderless" { - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = shade(0.7, @tooltip_fg_color) - - xthickness = 0 - ythickness = 0 - - engine "pixmap" { - - image { - function = BOX - file = "assets/null.png" - stretch = TRUE - border = { 1, 1, 1, 1 } - } - } -} - -style "menubar_item" { - - xthickness = 2 - ythickness = 2 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - - image { - function = BOX - state = PRELIGHT - file = "assets/menubar_button.png" - border = { 2, 2, 2, 2 } - stretch = TRUE - } - } -} - -# Text Style Menubar -style "menubar-text" { - - engine "murrine" { - text_shade = 0.0 - textstyle = 0 - } -} - - -style "toolbar_text" { - fg[NORMAL] = @tooltip_fg_color - fg[PRELIGHT] = shade(1.15, @tooltip_fg_color) - fg[INSENSITIVE] = shade(0.7, @tooltip_fg_color) - fg[ACTIVE] = shade(0.9, @tooltip_fg_color) - - text[NORMAL] = @tooltip_fg_color - text[PRELIGHT] = shade(1.15, @tooltip_fg_color) - text[INSENSITIVE] = shade(0.7, @tooltip_fg_color) - text[ACTIVE] = shade(0.9, @tooltip_fg_color) - -} - -style "toolbar_button" { - - xthickness = 4 - ythickness = 4 - - engine "pixmap" { - - image { - function = BOX - state = NORMAL - file = "assets/button.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - - image { - function = BOX - state = PRELIGHT - file = "assets/button-hover.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - - image { - function = BOX - state = ACTIVE - file = "assets/button-active.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - - image { - function = BOX - state = INSENSITIVE - file = "assets/button-insensitive.png" - border = { 4, 4, 4, 4 } - stretch = TRUE - } - } -} - -style "toolbar_entry" { - - base[NORMAL] = @base_color - base[ACTIVE] = @base_color - base[INSENSITIVE] = @insensitive_bg_color - - text[NORMAL] = @text_color - - engine "pixmap" { - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/entry-toolbar.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active-toolbar.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled-toolbar.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/null.png" - } - } -} - -#Chromium -style "chrome-gtk-frame" { - - ChromeGtkFrame::frame-color = @tooltip_bg_color - ChromeGtkFrame::inactive-frame-color = @tooltip_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 - ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color) - - ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color) - ChromeGtkFrame::incognito-inactive-frame-color = @bg_color - - ChromeGtkFrame::incognito-frame-gradient-color = @bg_color - - ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color) - ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color) - ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color - -} - -widget_class "**" style "menubar" -widget_class "*.*" style "menubar_item" - -widget_class "*ThunarWindow*" style "menubar" - -class "ChromeGtkFrame" style "chrome-gtk-frame" - -widget_class "***" style "menubar-text" - -# Whitelist for dark toolbars -widget_class "*ThunarWindow*" style "menubar-borderless" -widget_class "*ThunarWindow**" style "toolbar_entry" -widget_class "*ThunarWindow**" style "toolbar_button" -widget_class "*ThunarWindow**" style "toolbar_text" -widget_class "*ThunarWindow***" style "menubar-text" - -# GtkCheckButton -widget_class "*" style "button" - diff --git a/src/main/gtk-2.0/menubar-toolbar-light.rc b/src/main/gtk-2.0/menubar-toolbar-light.rc deleted file mode 100644 index 9c562ec7..00000000 --- a/src/main/gtk-2.0/menubar-toolbar-light.rc +++ /dev/null @@ -1,167 +0,0 @@ -style "menubar" { - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - fg[PRELIGHT] = shade(0.9, @tooltip_fg_color) - fg[ACTIVE] = shade(0.95, @tooltip_fg_color) - fg[SELECTED] = @selected_fg_color - fg[INSENSITIVE] = shade(1.3, @tooltip_fg_color) - - xthickness = 0 - ythickness = 0 - - engine "pixmap" { - - image { - function = BOX - file = "assets/menubar.png" - stretch = TRUE - border = { 1, 1, 1, 1 } - } - } -} - -style "menubar-borderless" { - - bg[NORMAL] = @tooltip_bg_color - fg[NORMAL] = @tooltip_fg_color - fg[SELECTED] = @fg_color - fg[INSENSITIVE] = shade(1.3, @tooltip_fg_color) - - xthickness = 0 - ythickness = 0 - - engine "pixmap" { - - image { - function = BOX - file = "assets/null.png" - stretch = TRUE - border = { 1, 1, 1, 1 } - } - } -} - -style "menubar_item" { - - xthickness = 2 - ythickness = 4 - - fg[PRELIGHT] = @selected_fg_color - - engine "pixmap" { - - image { - function = BOX - state = PRELIGHT - file = "assets/menubar_button.png" - border = { 2, 2, 2, 2 } - stretch = TRUE - } - } -} - -# Text Style Menubar -style "menubar-text" { - - engine "murrine" { - text_shade = 0.0 - textstyle = 0 - } -} - -style "toolbar_entry" { - - text[NORMAL] = @text_color - - engine "pixmap" { - - image { - function = SHADOW - state = NORMAL - detail = "entry" - file = "assets/entry-toolbar.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = ACTIVE - detail = "entry" - file = "assets/entry-active-toolbar.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = SHADOW - state = INSENSITIVE - detail = "entry" - file = "assets/entry-disabled-toolbar.png" - border = {6, 6, 6, 6} - stretch = TRUE - } - - image { - function = FLAT_BOX - state = ACTIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - state = INSENSITIVE - detail = "entry_bg" - file = "assets/null.png" - } - - image { - function = FLAT_BOX - detail = "entry_bg" - file = "assets/null.png" - } - } -} - -#Chromium -style "chrome-gtk-frame" { - - ChromeGtkFrame::frame-color = @tooltip_bg_color - ChromeGtkFrame::inactive-frame-color = @tooltip_bg_color - - ChromeGtkFrame::frame-gradient-size = 0 - ChromeGtkFrame::frame-gradient-color = shade(0.5, @bg_color) - - ChromeGtkFrame::incognito-frame-color = shade(0.85, @bg_color) - ChromeGtkFrame::incognito-inactive-frame-color = @bg_color - - ChromeGtkFrame::incognito-frame-gradient-color = @bg_color - - ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @bg_color) - ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @bg_color) - ChromeGtkFrame::scrollbar-slider-normal-color = @bg_color - -} - -widget_class "**" style "menubar" -widget_class "*.*" style "menubar_item" - -widget_class "*ThunarWindow*" style "menubar" -widget_class "*CajaNavigationWindow*" style "menubar" - -class "ChromeGtkFrame" style "chrome-gtk-frame" - -widget_class "***" style "menubar-text" - -# Whitelist for dark toolbars -widget_class "*ThunarWindow*" style "menubar" -widget_class "*CajaNavigationWindow*" style "menubar" -widget_class "*ThunarWindow**" style "toolbar_entry" -widget_class "*CajaNavigationWindow**" style "toolbar_entry" - -# GtkCheckButton -widget_class "**" style "toolbar_button" -widget_class "***" style "misc_button_label" - diff --git a/src/main/gtk-3.0/gtk-dark-blue.css b/src/main/gtk-3.0/gtk-dark-blue.css deleted file mode 100644 index 00b4e011..00000000 --- a/src/main/gtk-3.0/gtk-dark-blue.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #2E7CF7; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(46, 124, 247, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #86adeb; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #2E7CF7; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #2E7CF7; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #90bafb; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #2E7CF7; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #2E7CF7; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#25282f); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#252d39); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #2E7CF7; - border-color: #2E7CF7; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #2E7CF7; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #2E7CF7; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #2E7CF7; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #2E7CF7; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window rgba(43, 115, 230, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-blue.scss b/src/main/gtk-3.0/gtk-dark-blue.scss deleted file mode 100644 index 21eabbac..00000000 --- a/src/main/gtk-3.0/gtk-dark-blue.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-green.css b/src/main/gtk-3.0/gtk-dark-green.css deleted file mode 100644 index e6833255..00000000 --- a/src/main/gtk-3.0/gtk-dark-green.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #79B757; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(121, 183, 87, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #accb9b; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #79B757; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #79B757; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #79B757; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #b2d69e; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #79B757; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #79B757; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#282b27); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2d3329); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #79B757; - border-color: #79B757; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #79B757; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #79B757; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #79B757; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #79B757; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window rgba(113, 170, 81, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-green.scss b/src/main/gtk-3.0/gtk-dark-green.scss deleted file mode 100644 index cbfd8e40..00000000 --- a/src/main/gtk-3.0/gtk-dark-green.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-grey.css b/src/main/gtk-3.0/gtk-dark-grey.css deleted file mode 100644 index ecf2f516..00000000 --- a/src/main/gtk-3.0/gtk-dark-grey.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #8C8C8C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(140, 140, 140, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #b5b5b5; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #8C8C8C; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #8C8C8C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #bfbfbf; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #8C8C8C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #8C8C8C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#292929); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2e2e2e); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #8C8C8C; - border-color: #8C8C8C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #8C8C8C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #8C8C8C; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #8C8C8C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #8C8C8C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window rgba(130, 130, 130, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-grey.scss b/src/main/gtk-3.0/gtk-dark-grey.scss deleted file mode 100644 index e33bd6c3..00000000 --- a/src/main/gtk-3.0/gtk-dark-grey.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-orange.css b/src/main/gtk-3.0/gtk-dark-orange.css deleted file mode 100644 index adcfb468..00000000 --- a/src/main/gtk-3.0/gtk-dark-orange.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E9873A; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(233, 135, 58, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e4b38c; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E9873A; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E9873A; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E9873A; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3bf96; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E9873A; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #E9873A; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2925); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382e26); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E9873A; - border-color: #E9873A; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E9873A; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E9873A; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E9873A; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E9873A; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window rgba(217, 126, 54, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-orange.scss b/src/main/gtk-3.0/gtk-dark-orange.scss deleted file mode 100644 index dac272bd..00000000 --- a/src/main/gtk-3.0/gtk-dark-orange.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-pink.css b/src/main/gtk-3.0/gtk-dark-pink.css deleted file mode 100644 index 02a3332a..00000000 --- a/src/main/gtk-3.0/gtk-dark-pink.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E55E9C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(229, 94, 156, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e29ebd; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E55E9C; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E55E9C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3b6d2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E55E9C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #E55E9C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e272a); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#372a30); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E55E9C; - border-color: #E55E9C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E55E9C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E55E9C; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E55E9C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E55E9C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window rgba(213, 88, 145, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-pink.scss b/src/main/gtk-3.0/gtk-dark-pink.scss deleted file mode 100644 index 9fc191e2..00000000 --- a/src/main/gtk-3.0/gtk-dark-pink.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-purple.css b/src/main/gtk-3.0/gtk-dark-purple.css deleted file mode 100644 index 63356c62..00000000 --- a/src/main/gtk-3.0/gtk-dark-purple.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #9A57A3; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(154, 87, 163, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #bc9bc1; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #9A57A3; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #9A57A3; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #c298c8; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #9A57A3; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #9A57A3; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2a272a); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#302931); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #9A57A3; - border-color: #9A57A3; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #9A57A3; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #9A57A3; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #9A57A3; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #9A57A3; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window rgba(143, 81, 152, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-purple.scss b/src/main/gtk-3.0/gtk-dark-purple.scss deleted file mode 100644 index 4fc05421..00000000 --- a/src/main/gtk-3.0/gtk-dark-purple.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-red.css b/src/main/gtk-3.0/gtk-dark-red.css deleted file mode 100644 index ca2b41c8..00000000 --- a/src/main/gtk-3.0/gtk-dark-red.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #ED5F5D; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(237, 95, 93, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e69f9e; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #ED5F5D; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #ED5F5D; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f7bab9; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #ED5F5D; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #ED5F5D; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2727); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382a2a); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #ED5F5D; - border-color: #ED5F5D; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #ED5F5D; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #ED5F5D; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #ED5F5D; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #ED5F5D; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window rgba(221, 88, 87, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-red.scss b/src/main/gtk-3.0/gtk-dark-red.scss deleted file mode 100644 index eca95e4e..00000000 --- a/src/main/gtk-3.0/gtk-dark-red.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.css b/src/main/gtk-3.0/gtk-dark-solid-blue.css deleted file mode 100644 index 9d01196c..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-blue.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #2E7CF7; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(46, 124, 247, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #86adeb; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #2E7CF7; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #2E7CF7; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #90bafb; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #2E7CF7; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #2E7CF7; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#25282f); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#252d39); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #2E7CF7; - border-color: #2E7CF7; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #2E7CF7; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #2E7CF7; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #2E7CF7; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #2E7CF7; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window #2c5699; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.scss b/src/main/gtk-3.0/gtk-dark-solid-blue.scss deleted file mode 100644 index d1987979..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-blue.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.css b/src/main/gtk-3.0/gtk-dark-solid-green.css deleted file mode 100644 index 384d2eb9..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-green.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #79B757; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(121, 183, 87, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #accb9b; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #79B757; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #79B757; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #79B757; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #b2d69e; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #79B757; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #79B757; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#282b27); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2d3329); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #79B757; - border-color: #79B757; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #79B757; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #79B757; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #79B757; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #79B757; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window #557642; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.scss b/src/main/gtk-3.0/gtk-dark-solid-green.scss deleted file mode 100644 index be92cc4a..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-green.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.css b/src/main/gtk-3.0/gtk-dark-solid-grey.css deleted file mode 100644 index bc6c8324..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-grey.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #8C8C8C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(140, 140, 140, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #b5b5b5; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #8C8C8C; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #8C8C8C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #bfbfbf; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #8C8C8C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #8C8C8C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#292929); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#2e2e2e); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #8C8C8C; - border-color: #8C8C8C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #8C8C8C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #8C8C8C; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #8C8C8C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #8C8C8C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window #5f5f5f; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.scss b/src/main/gtk-3.0/gtk-dark-solid-grey.scss deleted file mode 100644 index bddfad08..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-grey.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.css b/src/main/gtk-3.0/gtk-dark-solid-orange.css deleted file mode 100644 index dcd88438..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-orange.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E9873A; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(233, 135, 58, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e4b38c; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E9873A; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E9873A; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E9873A; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3bf96; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E9873A; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #E9873A; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2925); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382e26); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E9873A; - border-color: #E9873A; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E9873A; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E9873A; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E9873A; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E9873A; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window #915c33; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.scss b/src/main/gtk-3.0/gtk-dark-solid-orange.scss deleted file mode 100644 index 54a039d2..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-orange.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.css b/src/main/gtk-3.0/gtk-dark-solid-pink.css deleted file mode 100644 index 07055545..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-pink.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E55E9C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(229, 94, 156, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e29ebd; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E55E9C; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E55E9C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f3b6d2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #E55E9C; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #E55E9C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e272a); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#372a30); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E55E9C; - border-color: #E55E9C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E55E9C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E55E9C; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E55E9C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #E55E9C; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window #8f4668; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.scss b/src/main/gtk-3.0/gtk-dark-solid-pink.scss deleted file mode 100644 index b38620e8..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-pink.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.css b/src/main/gtk-3.0/gtk-dark-solid-purple.css deleted file mode 100644 index 5fdf1a7e..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-purple.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #9A57A3; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(154, 87, 163, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #bc9bc1; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #9A57A3; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #9A57A3; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #c298c8; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #9A57A3; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #9A57A3; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2a272a); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#302931); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #9A57A3; - border-color: #9A57A3; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #9A57A3; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #9A57A3; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #9A57A3; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #9A57A3; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window #66426b; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.scss b/src/main/gtk-3.0/gtk-dark-solid-purple.scss deleted file mode 100644 index 8b39910a..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-purple.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.css b/src/main/gtk-3.0/gtk-dark-solid-red.css deleted file mode 100644 index 6450da24..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-red.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #ED5F5D; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(237, 95, 93, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e69f9e; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #ED5F5D; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #ED5F5D; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f7bab9; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #ED5F5D; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #ED5F5D; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2727); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#382a2a); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #ED5F5D; - border-color: #ED5F5D; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #ED5F5D; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #ED5F5D; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #ED5F5D; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #ED5F5D; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window #934746; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.scss b/src/main/gtk-3.0/gtk-dark-solid-red.scss deleted file mode 100644 index 246574d4..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-red.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.css b/src/main/gtk-3.0/gtk-dark-solid-yellow.css deleted file mode 100644 index bfa7535c..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-yellow.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #F3BA4B; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(243, 186, 75, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e9cc95; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #F3BA4B; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #F3BA4B; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f9dfab; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #F3BA4B; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #F3BA4B; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2c26); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#393328); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #F3BA4B; - border-color: #F3BA4B; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #F3BA4B; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #F3BA4B; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #F3BA4B; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #F3BA4B; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window #97783c; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.scss b/src/main/gtk-3.0/gtk-dark-solid-yellow.scss deleted file mode 100644 index c44ad0a0..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid-yellow.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid.css b/src/main/gtk-3.0/gtk-dark-solid.css deleted file mode 100644 index 14faecf5..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid.css +++ /dev/null @@ -1,10246 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #0860F2; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(8, 96, 242, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #739fe8; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #0860F2; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #333333; - border: 1px solid #424242; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #333333; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid #424242; -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: #3c3c3c; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #0860F2; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #0860F2; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #669efa; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #333333; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: #333333; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #878787; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #0860F2; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #0860F2; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#23272e); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#212a39); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #0860F2; - border-color: #0860F2; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #2a2a2a; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #dadada; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #6d6d6d; - background-color: #111111; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #373737; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: #262626; -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #dadada; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #dadada; - background-color: rgba(218, 218, 218, 0.3); -} - -.xfce4-panel.panel { - background-color: #2a2a2a; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: #2a2a2a; - color: #dadada; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #333333; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #333333; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #333333; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #333333; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #333333; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#333333); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #dadada; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #dadada; - background-color: rgba(218, 218, 218, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(42, 42, 42, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #dadada; -} - -.menubar.panel .panel.maximized { - background-color: rgba(42, 42, 42, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(42, 42, 42, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #dadada; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #dadada; - border-radius: 2px; - color: #2a2a2a; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(42, 42, 42, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #dddddd; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #0860F2; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #0860F2; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #2a2a2a; - color: #dadada; - font-weight: bold; - box-shadow: inset 0 -1px #181818; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #dadada; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(218, 218, 218, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #333333; -} - -.raven button.linked:hover { - background-color: #404040; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: #474747; - border-radius: 12px; - background-color: #333333; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #2a2a2a; - color: #dadada; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(42, 42, 42, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(218, 218, 218, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(218, 218, 218, 0.1); - color: rgba(218, 218, 218, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(218, 218, 218, 0.15); - color: #dadada; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(218, 218, 218, 0.12); - color: #dadada; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #dadada; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(218, 218, 218, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(218, 218, 218, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #1f1f1f; - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: #333333; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #404040; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #0860F2; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #242424; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid #4d4d4d; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(218, 218, 218, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #0860F2; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window #184796; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid.scss b/src/main/gtk-3.0/gtk-dark-solid.scss deleted file mode 100644 index 415d7159..00000000 --- a/src/main/gtk-3.0/gtk-dark-solid.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'false'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.css b/src/main/gtk-3.0/gtk-dark-yellow.css deleted file mode 100644 index ed7dd690..00000000 --- a/src/main/gtk-3.0/gtk-dark-yellow.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #F3BA4B; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(243, 186, 75, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #e9cc95; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #F3BA4B; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #F3BA4B; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #f9dfab; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #F3BA4B; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #F3BA4B; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#2e2c26); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#393328); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #F3BA4B; - border-color: #F3BA4B; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #F3BA4B; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #F3BA4B; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #F3BA4B; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #F3BA4B; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window rgba(226, 173, 70, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.scss b/src/main/gtk-3.0/gtk-dark-yellow.scss deleted file mode 100644 index 51fd3129..00000000 --- a/src/main/gtk-3.0/gtk-dark-yellow.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark.css b/src/main/gtk-3.0/gtk-dark.css deleted file mode 100644 index fa45006d..00000000 --- a/src/main/gtk-3.0/gtk-dark.css +++ /dev/null @@ -1,10242 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #dedede; - background-color: rgba(51, 51, 51, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #333333; - color: #dedede; -} - -.gtkstyle-fallback:hover { - background-color: #4d4d4d; - color: #dedede; -} - -.gtkstyle-fallback:active { - background-color: #1a1a1a; - color: #dedede; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #383838; - color: rgba(222, 222, 222, 0.35); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #dadada; - background-color: #242424; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #2c2c2c; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #242424; -} - -textview text { - background-color: #242424; -} - -textview border { - background-color: #2c2c2c; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #0e0e0e; -} - -label.separator { - color: #dedede; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #242424; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #0860F2; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #b9b9b9; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #dadada; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -entry.warning { - color: white; - background-color: #a0562e; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #a63530; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(222, 222, 222, 0.35); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - background-clip: padding-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #dedede; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(8, 96, 242, 0.55); - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - color: white; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - color: white; - background-color: #4a92e5; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.suggested-action:active, button.suggested-action:checked { - color: white; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action { - color: white; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - color: white; - background-color: #f95f64; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -button.destructive-action:active, button.destructive-action:checked { - color: white; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(222, 222, 222, 0.35); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(222, 222, 222, 0.35); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 2px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: white; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #444444; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #dedede; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(222, 222, 222, 0.35); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #b4b4b4; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(222, 222, 222, 0.35); -} - -spinbutton entry { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.15); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #373737; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #dadada; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #2b2b2b; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #333333; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #474747; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #2b2b2b; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #FDFDFD; - background-color: #373737; - border-bottom: 1px solid #0e0e0e; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-color: #373737; - border-color: #060606; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #373737; - border-color: #0e0e0e; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: #373737; - border-color: #060606; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #373737; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #a75e36; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: rgba(255, 255, 255, 0.12); - background-color: #ad3d38; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 26px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.15); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.15); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(222, 222, 222, 0.15); - border-top-color: rgba(255, 255, 255, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(222, 222, 222, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(222, 222, 222, 0.35); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(255, 255, 255, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #739fe8; -} - -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: #818181; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #dedede; -} - -treeview.view.expander:selected { - color: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 26px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #b9b9b9; - background-color: #242424; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #0860F2; -} - -treeview.view header button:active { - color: #dedede; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #242424; -} - -treeview.view header button:active:hover { - color: #dedede; -} - -treeview.view header button:disabled { - border-color: #333333; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(253, 253, 253, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(253, 253, 253, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: #333333; - border: 1px solid #474747; - color: #dedede; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(51, 51, 51, 0.95); - border: 1px solid rgba(66, 66, 66, 0.95); -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(255, 255, 255, 0.08); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #dedede; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #dedede; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #dedede; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #dedede; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(222, 222, 222, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(66, 66, 66, 0.95); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #dedede; -} - -popover entry, -popover.background entry { - background-color: rgba(60, 60, 60, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #474747; -} - -notebook > stack:not(:only-child) { - background-color: #242424; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #1e1e1e; -} - -notebook > header.top { - box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(222, 222, 222, 0.35); -} - -notebook > header > tabs > arrow:hover { - color: rgba(222, 222, 222, 0.675); -} - -notebook > header > tabs > arrow:active { - color: #dedede; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(222, 222, 222, 0.05); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(222, 222, 222, 0.35); - background-color: rgba(36, 36, 36, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(222, 222, 222, 0.675); - background-color: rgba(255, 255, 255, 0.05); - border-color: #444444; -} - -notebook > header tabs > tab:checked { - color: #dedede; - background-color: #373737; - border-color: #444444; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #a2a2a2; -} - -notebook > header tabs > tab button.flat:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #f8f8f8; - background-color: rgba(255, 255, 255, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #777777; -} - -scrollbar slider:hover { - background-color: #666666; -} - -scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #ababab; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: #b8b8b8; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #0860F2; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(242, 242, 242, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(255, 255, 255, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(255, 255, 255, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(222, 222, 222, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: #262626; -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: #262626; -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: #242424; - border-color: #242424; -} - -printdialog paper { - border: 1px solid rgba(255, 255, 255, 0.12); - background: #242424; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(255, 255, 255, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); - background-color: #272727; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(255, 255, 255, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #242424; - border-color: rgba(255, 255, 255, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #dedede; - background-color: rgba(255, 255, 255, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #dedede; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.15); -} - -row:selected label { - color: #dedede; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #dedede; - background-color: rgba(55, 55, 55, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: white; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #dedede; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar.header { - color: #dedede; - border: none; -} - - -calendar.button { - color: rgba(222, 222, 222, 0.45); -} - - -calendar.button:hover { - color: #dedede; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(222, 222, 222, 0.35); -} - - -calendar:indeterminate { - color: rgba(222, 222, 222, 0.55); -} - - -calendar.highlight { - color: rgba(222, 222, 222, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(51, 51, 51, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(51, 51, 51, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #dadada; - background-color: transparent; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #dadada; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #0e0e0e; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(255, 255, 255, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #333333; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(0, 0, 0, 0.15); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.25); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #0860F2; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #dadada; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #333333; - background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(255, 255, 255, 0.12); -} - -colorswatch overlay { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #242424; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #dedede; - background-color: #242424; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #0e0e0e; - border-radius: 0; - margin: 0; - background-color: #373737; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#242424); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #dadada; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #669efa; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(218, 218, 218, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #dedede; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #dedede; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #dadada; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(255, 255, 255, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(255, 255, 255, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: white; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #aaaaaa; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #242424; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(51, 51, 51, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #898989; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(222, 222, 222, 0.5); - border-color: rgba(197, 197, 197, 0.5); -} - -.disk-space-display.used { - background-color: rgba(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #2b2b2b; - border-color: #121212; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #262626; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #dadada; - background-color: rgba(51, 51, 51, 0.95); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #dadada; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(139, 139, 139, 0.975); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #dadada; -} - -.nemo-window paned > separator { - background-image: image(#474747); -} - -.nemo-window notebook { - background-color: #242424; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid #0860F2; - background-color: rgba(255, 255, 255, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #dedede; - background-color: #242424; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #FDFDFD; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - background-color: #373737; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #242424; -} - -.open-document-selector-treeview.view:hover { - background-color: #313131; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -.open-document-selector-name-label { - color: #dedede; -} - -.open-document-selector-path-label { - color: #818181; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #a2a2a2; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #dedede; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #1a1a1a; - color: #dedede; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #383838; - padding: 6px; - border-color: rgba(255, 255, 255, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(222, 222, 222, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -layouttab { - background-color: #242424; -} - -layout { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -pillbox { - color: white; - background-color: #0860F2; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #333333; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(255, 255, 255, 0.12); - background-color: #242424; -} - -dockbin { - border: 1px solid rgba(255, 255, 255, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dockoverlayedge { - background-color: #333333; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #242424, #242424); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(255, 255, 255, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #dedede; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #afafaf; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #dedede; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #dedede; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#2b2b2b); - color: #ababab; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#3c3c3c); - color: #dedede; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#444444); - color: #dedede; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#242424); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#23272e); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#212a39); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #474747; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(222, 222, 222, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #474747; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #242424; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(222, 222, 222, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #dedede; - background-image: image(rgba(255, 255, 255, 0.03)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(222, 222, 222, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #333333; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: #242424; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #333333; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#0e0e0e); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.05); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #242424; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #333333; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #dedede; - background-image: none; - background-color: #7f7f7f; - border-color: rgba(0, 0, 0, 0.15); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #333333; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #242424; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #FDFDFD; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #333333; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #373737; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #373737; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(51, 51, 51, 0.95); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #333333; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(222, 222, 222, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(222, 222, 222, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#333333); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #0860F2; - border-color: #0860F2; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: #242424; - background-color: #bfbfbf; - border-color: rgba(255, 255, 255, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); - padding: 4px; - background-color: #2b2b2b; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); - border-color: rgba(255, 255, 255, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); - border-color: rgba(255, 255, 255, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(222, 222, 222, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #4d4d4d; - color: rgba(222, 222, 222, 0.85); - border-radius: 6px; - border: 1px solid rgba(255, 255, 255, 0.12); - margin: 2px; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(36, 36, 36, 0.35); - color: rgba(222, 222, 222, 0.85); - border-bottom: 1px dashed rgba(255, 255, 255, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #dedede; - background-color: rgba(222, 222, 222, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #333333; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(222, 222, 222, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #333333; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #0e0e0e; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.background.csd > paned.titlebar { - background-color: #373737; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #242424; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(255, 255, 255, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: black; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(0, 0, 0, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(13, 13, 13, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #dadada; - caret-color: #dadada; - background-color: #333333; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #dadada; -} - -.caja-side-pane .frame { - border-color: rgba(255, 255, 255, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(38, 38, 38, 0.95); -} - -.caja-navigation-window .primary-toolbar { - background-color: #373737; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#474747); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(0, 0, 0, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #333333; - color: #dedede; -} - -.xfce4-panel { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #333333; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(255, 255, 255, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(255, 255, 255, 0.1); - color: #dedede; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(51, 51, 51, 0.95); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(255, 255, 255, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#0e0e0e); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #0e0e0e; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(253, 253, 253, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(253, 253, 253, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #dedede; - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #dedede; - background-color: rgba(222, 222, 222, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #242424; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #242424; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #0e0e0e; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #333333; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #333333; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #242424; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(222, 222, 222, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(222, 222, 222, 0.15); - color: white; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#242424); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(#656565); - border: 1px solid rgba(255, 255, 255, 0.12); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(51, 51, 51, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #333333; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #242424; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: gray; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #9a9a9a; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #b3b3b3; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(51, 51, 51, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #666666; -} - -#MozillaGtkWidget > widget text { - background-color: #333333; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(255, 255, 255, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(51, 51, 51, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #aaaaaa; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #333333; - color: #dadada; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #474747; - background-color: #333333; - color: #dadada; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #333333; - color: #dadada; -} - -window.background.chromium > menubar { - background-color: #373737; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #373737; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #FDFDFD; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: #5d5d5d; - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(253, 253, 253, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #242424; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(222, 222, 222, 0.05); - color: #dedede; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(51, 51, 51, 0.95)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(222, 222, 222, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #dedede; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: white; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(0, 0, 0, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(0, 0, 0, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.45); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(255, 255, 255, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(255, 255, 255, 0.35); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(0, 0, 0, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #FDFDFD; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(255, 255, 255, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(253, 253, 253, 0.35); - background-color: rgba(255, 255, 255, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #0e0e0e; - color: #dadada; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #0e0e0e; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(255, 255, 255, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #dedede; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #dadada; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(218, 218, 218, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #dedede; - background-color: rgba(255, 255, 255, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #242424; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(255, 255, 255, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #dedede; - background-color: rgba(255, 255, 255, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #333333; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #242424; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(253, 253, 253, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -5px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: #373737; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #373737; - border-bottom: 1px solid #0e0e0e; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(253, 253, 253, 0.7); - background-image: none; - background-color: #373737; - border-color: #060606; -} - -.terminal-window .search-bar { - background-color: #333333; - border-bottom: 1px solid #474747; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #474747; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(255, 255, 255, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #373737; - color: #FDFDFD; - box-shadow: inset 0 1px #3f3f3f; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(253, 253, 253, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(255, 255, 255, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(0, 0, 0, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: #4b4b4b; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - border-right: 1px solid rgba(255, 255, 255, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(255, 255, 255, 0.12); - background-color: #333333; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #333333; - color: #dedede; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: #404040; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #333333; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #0860F2; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #0860F2; -} - -.source-list.category-expander { - color: #dedede; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #242424; -} - -GraniteWidgetsWelcome label { - color: #898989; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(222, 222, 222, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #242424, #242424); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #a8a8a8; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #dedede; -} - -#content_frame { - padding-bottom: 14px; - background-color: #333333; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #dedede; - border-color: rgba(0, 0, 0, 0.15); - background-color: #656565; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #f8f8f8; - border-color: rgba(0, 0, 0, 0.15); - background-color: #6d6d6d; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: rgba(0, 0, 0, 0.15); -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(101, 101, 101, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #373737; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #0e0e0e; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.15); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.15); - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.15); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #dedede; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - color: green; - background-color: #f8464c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:hover { - color: green; - background-color: #fa777c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - color: green; - background-color: #f6151c; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button { - color: green; - background-color: #3484e2; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:hover { - color: green; - background-color: #619fe8; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#restart_button.button:active, #restart_button.button:checked { - color: green; - background-color: #1c6bc7; - border-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.35); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(222, 222, 222, 0.35); -} - -.raven stackswitcher.linked > button, .raven button { - color: #FDFDFD; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #f8f8f8; - background-color: rgba(253, 253, 253, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #FDFDFD; - background-color: rgba(253, 253, 253, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(253, 253, 253, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(51, 51, 51, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #242424; - border-radius: 0 0 0 12px; - border-color: #0e0e0e; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(71, 71, 71, 0.95); - border-radius: 12px; - background-color: rgba(51, 51, 51, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #dedede; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #dedede; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(222, 222, 222, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #242424; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #dedede; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(222, 222, 222, 0.35); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(255, 255, 255, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(0, 0, 0, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(255, 255, 255, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #dedede; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(222, 222, 222, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(222, 222, 222, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(222, 222, 222, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(222, 222, 222, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #dedede; -} - -#tasklist-button:active { - background-color: rgba(222, 222, 222, 0.15); - color: #ebebeb; -} - -#tasklist-button:checked { - background-color: rgba(222, 222, 222, 0.12); - color: #ebebeb; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(31, 31, 31, 0.95); - color: #dadada; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #dadada; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(222, 222, 222, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(101, 101, 101, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: #656565; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #181818; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.35); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #1b1b1b; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.35); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.15); - background-color: rgba(51, 51, 51, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(64, 64, 64, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(222, 222, 222, 0.35); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #b4b4b4; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(218, 218, 218, 0.45); -} - -.raven .raven-background list { - color: #dadada; - background-color: #1b1b1b; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(255, 255, 255, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(218, 218, 218, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #0860F2; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #181818; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #1b1b1b; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #dadada; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(218, 218, 218, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(222, 222, 222, 0.06); - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #dedede; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #dadada; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(218, 218, 218, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #dadada; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(218, 218, 218, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#dadada,0.35); -} - -calendar.raven-calendar.highlight { - color: #dadada; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(36, 36, 36, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #333333; - border: 1px solid rgba(77, 77, 77, 0.95); -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: padding-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #c5c5c5; - background-color: rgba(255, 255, 255, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #242424; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(255, 255, 255, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #dedede; -@define-color theme_text_color #dadada; -@define-color theme_bg_color #333333; -@define-color theme_base_color #242424; -@define-color theme_selected_bg_color #0860F2; -@define-color theme_selected_fg_color white; -@define-color fg_color #dedede; -@define-color text_color #dadada; -@define-color bg_color #333333; -@define-color base_color #242424; -@define-color selected_bg_color #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); -@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); -@define-color insensitive_base_color #242424; -@define-color theme_unfocused_fg_color #dedede; -@define-color theme_unfocused_text_color #dadada; -@define-color theme_unfocused_bg_color #333333; -@define-color theme_unfocused_base_color #242424; -@define-color borders rgba(255, 255, 255, 0.12); -@define-color unfocused_borders rgba(255, 255, 255, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #242424; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #151515; -@define-color wm_title alpha(#fdfdfd, 0.8); -@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); -@define-color wm_bg #373737; -@define-color wm_bg_unfocused #373737; -@define-color wm_highlight #5d5d5d; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #cc575d; -@define-color wm_button_close_hover_bg #d7787d; -@define-color wm_button_close_active_bg #be3841; -@define-color wm_icon_close_bg #2f343f; -@define-color wm_button_hover_bg #454C5C; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #262932; -@define-color wm_icon_bg #90939B; -@define-color wm_icon_unfocused_bg #666A74; -@define-color wm_icon_hover_bg #C4C7CC; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #373737; -@define-color titlebar_gradient_b #373737; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window rgba(7, 89, 225, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark.scss b/src/main/gtk-3.0/gtk-dark.scss deleted file mode 100644 index 5cffa6af..00000000 --- a/src/main/gtk-3.0/gtk-dark.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-blue.css b/src/main/gtk-3.0/gtk-light-blue.css deleted file mode 100644 index 97360abc..00000000 --- a/src/main/gtk-3.0/gtk-light-blue.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #2E7CF7; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(46, 124, 247, 0); - background-color: rgba(46, 124, 247, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #29508e; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #2E7CF7; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #2E7CF7; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #2E7CF7; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #2E7CF7; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f5f8ff); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#eaf2fe); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #2E7CF7; - border-color: #2E7CF7; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #2E7CF7; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #2E7CF7; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #2E7CF7; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #2E7CF7; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window rgba(60, 133, 248, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-blue.scss b/src/main/gtk-3.0/gtk-light-blue.scss deleted file mode 100644 index de8e62e6..00000000 --- a/src/main/gtk-3.0/gtk-light-blue.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-green.css b/src/main/gtk-3.0/gtk-light-green.css deleted file mode 100644 index 2d0780ea..00000000 --- a/src/main/gtk-3.0/gtk-light-green.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #79B757; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(121, 183, 87, 0); - background-color: rgba(121, 183, 87, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #4f6e3e; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #79B757; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #79B757; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #79B757; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #79B757; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #79B757; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f8fbf7); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f2f8ee); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #79B757; - border-color: #79B757; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #79B757; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #79B757; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #79B757; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #79B757; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window rgba(130, 188, 99, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-green.scss b/src/main/gtk-3.0/gtk-light-green.scss deleted file mode 100644 index 0f366105..00000000 --- a/src/main/gtk-3.0/gtk-light-green.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-grey.css b/src/main/gtk-3.0/gtk-light-grey.css deleted file mode 100644 index 965b38a6..00000000 --- a/src/main/gtk-3.0/gtk-light-grey.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #8C8C8C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(140, 140, 140, 0); - background-color: rgba(140, 140, 140, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #585858; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #8C8C8C; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #8C8C8C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #8C8C8C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #8C8C8C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f9f9f9); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f4f4f4); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #8C8C8C; - border-color: #8C8C8C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #8C8C8C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #8C8C8C; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #8C8C8C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #8C8C8C; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window rgba(148, 148, 148, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-grey.scss b/src/main/gtk-3.0/gtk-light-grey.scss deleted file mode 100644 index c1e229ec..00000000 --- a/src/main/gtk-3.0/gtk-light-grey.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-orange.css b/src/main/gtk-3.0/gtk-light-orange.css deleted file mode 100644 index a6908fb5..00000000 --- a/src/main/gtk-3.0/gtk-light-orange.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E9873A; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(233, 135, 58, 0); - background-color: rgba(233, 135, 58, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #87562f; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E9873A; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E9873A; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E9873A; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E9873A; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E9873A; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef9f5); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdf3eb); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E9873A; - border-color: #E9873A; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E9873A; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E9873A; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E9873A; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #E9873A; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window rgba(235, 143, 72, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-orange.scss b/src/main/gtk-3.0/gtk-light-orange.scss deleted file mode 100644 index abcf63dd..00000000 --- a/src/main/gtk-3.0/gtk-light-orange.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-pink.css b/src/main/gtk-3.0/gtk-light-pink.css deleted file mode 100644 index 008799ba..00000000 --- a/src/main/gtk-3.0/gtk-light-pink.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E55E9C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(229, 94, 156, 0); - background-color: rgba(229, 94, 156, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #854160; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E55E9C; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E55E9C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E55E9C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E55E9C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7fa); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fceff5); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E55E9C; - border-color: #E55E9C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E55E9C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E55E9C; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E55E9C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #E55E9C; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window rgba(231, 105, 163, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-pink.scss b/src/main/gtk-3.0/gtk-light-pink.scss deleted file mode 100644 index a47be087..00000000 --- a/src/main/gtk-3.0/gtk-light-pink.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-purple.css b/src/main/gtk-3.0/gtk-light-purple.css deleted file mode 100644 index c605a355..00000000 --- a/src/main/gtk-3.0/gtk-light-purple.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #9A57A3; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(154, 87, 163, 0); - background-color: rgba(154, 87, 163, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #5f3e64; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #9A57A3; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #9A57A3; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #9A57A3; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #9A57A3; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#faf7fa); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f5eef6); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #9A57A3; - border-color: #9A57A3; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #9A57A3; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #9A57A3; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #9A57A3; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #9A57A3; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window rgba(161, 99, 169, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-purple.scss b/src/main/gtk-3.0/gtk-light-purple.scss deleted file mode 100644 index d0e0d579..00000000 --- a/src/main/gtk-3.0/gtk-light-purple.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-red.css b/src/main/gtk-3.0/gtk-light-red.css deleted file mode 100644 index 0576cb73..00000000 --- a/src/main/gtk-3.0/gtk-light-red.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #ED5F5D; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(237, 95, 93, 0); - background-color: rgba(237, 95, 93, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #894241; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #ED5F5D; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #ED5F5D; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #ED5F5D; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #ED5F5D; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7f7); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdefef); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #ED5F5D; - border-color: #ED5F5D; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #ED5F5D; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #ED5F5D; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #ED5F5D; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #ED5F5D; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window rgba(238, 106, 104, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-red.scss b/src/main/gtk-3.0/gtk-light-red.scss deleted file mode 100644 index 17366202..00000000 --- a/src/main/gtk-3.0/gtk-light-red.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.css b/src/main/gtk-3.0/gtk-light-solid-blue.css deleted file mode 100644 index 0f7e24e7..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-blue.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #2E7CF7; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #2E7CF7; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #2E7CF7; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #0960e9; - background-color: rgba(9, 96, 233, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #2E7CF7; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #2E7CF7; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #5f9bf9; - background-color: #2E7CF7; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #2E7CF7; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #2E7CF7; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(46, 124, 247, 0); - background-color: rgba(46, 124, 247, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #2E7CF7; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#2E7CF7), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #abcbfc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #eaf2fe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #d5e5fd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #d5e5fd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(120, 170, 250, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(120, 170, 250, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #78aafa; - border-color: #649ef9; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #78aafa; - color: rgba(255, 255, 255, 0.6); - border-color: #649ef9; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #78aafa; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #2E7CF7; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #2E7CF7; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #2E7CF7; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #97befb; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #82b0fa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #29508e; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #c0d8fd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #2E7CF7; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #2E7CF7; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #2E7CF7; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #2E7CF7; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #2E7CF7; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #2E7CF7; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #a1c4fb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #2E7CF7; -} - -scale highlight:disabled { - background-color: rgba(46, 124, 247, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(46, 124, 247, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #e0ebfe; - border-color: #e0ebfe; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #97befb; - border-color: #97befb; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #a1c4fb; - border-color: #a1c4fb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #2E7CF7; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #2E7CF7; - background-color: #2E7CF7; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #2E7CF7; - background-color: #2E7CF7; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 100% 60%; - 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 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.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #2E7CF7; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #2E7CF7; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #2E7CF7; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #2E7CF7; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #2E7CF7; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #97befb; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #2E7CF7; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #d5e5fd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(46, 124, 247, 0.8); - border-color: rgba(9, 96, 233, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #2E7CF7; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #478bf8; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(120, 170, 250, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #2E7CF7; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #2E7CF7; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #2E7CF7; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #2E7CF7; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #2E7CF7; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #2E7CF7; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#2E7CF7); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #2E7CF7; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f5f8ff); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#eaf2fe); - color: #2E7CF7; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#2E7CF7); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #2E7CF7; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #90bafb; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #2E7CF7; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #4288f8; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #1a70f6; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(120, 170, 250, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #2E7CF7; - border-color: #2E7CF7; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #2E7CF7; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #2E7CF7; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #90bafb; - background-color: #2E7CF7; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #2E7CF7; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #2E7CF7; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #2E7CF7; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #2E7CF7; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #78aafa; - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #2E7CF7; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #2E7CF7; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #2E7CF7; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #2E7CF7; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #2E7CF7; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #2E7CF7; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #2E7CF7; - border-color: #2E7CF7; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #2E7CF7; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #2E7CF7; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #2E7CF7; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #2E7CF7; - border-color: #2E7CF7; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #2E7CF7; - background-color: #2E7CF7; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #2E7CF7; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #2E7CF7; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #478bf8; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(46, 124, 247, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #2E7CF7; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#2E7CF7); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#2E7CF7); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#2E7CF7); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#2E7CF7); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #2E7CF7; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #2E7CF7; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(46, 124, 247, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #2E7CF7; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #2E7CF7; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #2E7CF7; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #2E7CF7; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #2E7CF7; -@define-color budgie_tasklist_indicator_color_active #2E7CF7; -@define-color budgie_tasklist_indicator_color_active_window #88b2f4; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.scss b/src/main/gtk-3.0/gtk-light-solid-blue.scss deleted file mode 100644 index 580d123c..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-blue.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'blue'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.css b/src/main/gtk-3.0/gtk-light-solid-green.css deleted file mode 100644 index 0f1a1fde..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-green.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #79B757; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #79B757; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #79B757; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #619942; - background-color: rgba(97, 153, 66, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #79B757; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #79B757; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #95c67b; - background-color: #79B757; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #79B757; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #79B757; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(121, 183, 87, 0); - background-color: rgba(121, 183, 87, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #79B757; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#79B757), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #c9e2bc; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f2f8ee; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e4f1dd; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e4f1dd; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(164, 206, 141, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(164, 206, 141, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #a4ce8d; - border-color: #98c87e; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #a4ce8d; - color: rgba(255, 255, 255, 0.6); - border-color: #98c87e; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #a4ce8d; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #79B757; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #79B757; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #79B757; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #bcdbab; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #afd49a; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #4f6e3e; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #d7e9cd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #79B757; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #79B757; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #79B757; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #79B757; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #79B757; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #79B757; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #c3dfb3; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #79B757; -} - -scale highlight:disabled { - background-color: rgba(121, 183, 87, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(121, 183, 87, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #ebf4e6; - border-color: #ebf4e6; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #bcdbab; - border-color: #bcdbab; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #c3dfb3; - border-color: #c3dfb3; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #79B757; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #79B757; - background-color: #79B757; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #79B757; - background-color: #79B757; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 100% 60%; - 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 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.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #79B757; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #79B757; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #79B757, #79B757); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #79B757; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #79B757; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #79B757; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #79B757; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #bcdbab; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #79B757; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e4f1dd; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(121, 183, 87, 0.8); - border-color: rgba(97, 153, 66, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #79B757; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #87bf69; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(164, 206, 141, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #79B757; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #79B757; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #79B757; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #79B757; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #79B757; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #79B757; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#79B757); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #79B757; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f8fbf7); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f2f8ee); - color: #79B757; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#79B757); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #79B757; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #b2d69e; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #79B757; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #84bd65; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #6eaf4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(164, 206, 141, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #79B757; - border-color: #79B757; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #79B757; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #79B757; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #b2d69e; - background-color: #79B757; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #79B757; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #79B757; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #79B757; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #79B757; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #a4ce8d; - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #79B757; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #79B757; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #79B757; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #79B757; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #79B757; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #79B757; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #79B757; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #79B757, #79B757); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #79B757; - border-color: #79B757; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #79B757; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #79B757; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #79B757; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #79B757; - border-color: #79B757; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #79B757; - background-color: #79B757; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #79B757; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #79B757; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #87bf69; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(121, 183, 87, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #79B757; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#79B757); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#79B757); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#79B757); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#79B757); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #79B757; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #79B757; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(121, 183, 87, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #79B757; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #79B757; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #79B757; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #79B757; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #79B757; -@define-color budgie_tasklist_indicator_color_active #79B757; -@define-color budgie_tasklist_indicator_color_active_window #b0d29e; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.scss b/src/main/gtk-3.0/gtk-light-solid-green.scss deleted file mode 100644 index fb69def4..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-green.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'green'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.css b/src/main/gtk-3.0/gtk-light-solid-grey.css deleted file mode 100644 index dcfd84cd..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-grey.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #8C8C8C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #8C8C8C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #8C8C8C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #737373; - background-color: rgba(115, 115, 115, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #8C8C8C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #8C8C8C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #a6a6a6; - background-color: #8C8C8C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #8C8C8C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #8C8C8C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(140, 140, 140, 0); - background-color: rgba(140, 140, 140, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #8C8C8C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#8C8C8C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d1d1d1; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f4f4f4; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #e8e8e8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #e8e8e8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(178, 178, 178, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(178, 178, 178, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b2b2b2; - border-color: #a8a8a8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b2b2b2; - color: rgba(255, 255, 255, 0.6); - border-color: #a8a8a8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b2b2b2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #8C8C8C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #8C8C8C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #8C8C8C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #c6c6c6; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #bababa; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #585858; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #dddddd; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #8C8C8C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #8C8C8C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #8C8C8C; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #8C8C8C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #8C8C8C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #8C8C8C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #cbcbcb; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #8C8C8C; -} - -scale highlight:disabled { - background-color: rgba(140, 140, 140, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(140, 140, 140, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #eeeeee; - border-color: #eeeeee; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #c6c6c6; - border-color: #c6c6c6; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #cbcbcb; - border-color: #cbcbcb; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #8C8C8C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #8C8C8C; - background-color: #8C8C8C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #8C8C8C; - background-color: #8C8C8C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 100% 60%; - 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 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.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #8C8C8C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #8C8C8C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #8C8C8C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #8C8C8C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #8C8C8C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #c6c6c6; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #8C8C8C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #e8e8e8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(140, 140, 140, 0.8); - border-color: rgba(115, 115, 115, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #8C8C8C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #999999; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(178, 178, 178, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #8C8C8C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #8C8C8C; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #8C8C8C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #8C8C8C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #8C8C8C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #8C8C8C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#8C8C8C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #8C8C8C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f9f9f9); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f4f4f4); - color: #8C8C8C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#8C8C8C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #8C8C8C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #bfbfbf; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #8C8C8C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #969696; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #828282; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(178, 178, 178, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #8C8C8C; - border-color: #8C8C8C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #8C8C8C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #8C8C8C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #bfbfbf; - background-color: #8C8C8C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #8C8C8C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #8C8C8C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #8C8C8C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #8C8C8C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b2b2b2; - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #8C8C8C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #8C8C8C; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #8C8C8C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #8C8C8C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #8C8C8C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #8C8C8C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #8C8C8C; - border-color: #8C8C8C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #8C8C8C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #8C8C8C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #8C8C8C; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #8C8C8C; - border-color: #8C8C8C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #8C8C8C; - background-color: #8C8C8C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #8C8C8C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #8C8C8C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #999999; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(140, 140, 140, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #8C8C8C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#8C8C8C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#8C8C8C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#8C8C8C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#8C8C8C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #8C8C8C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #8C8C8C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(140, 140, 140, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #8C8C8C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #8C8C8C; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #8C8C8C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #8C8C8C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #8C8C8C; -@define-color budgie_tasklist_indicator_color_active #8C8C8C; -@define-color budgie_tasklist_indicator_color_active_window #bababa; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.scss b/src/main/gtk-3.0/gtk-light-solid-grey.scss deleted file mode 100644 index 1f804284..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-grey.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'grey'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.css b/src/main/gtk-3.0/gtk-light-solid-orange.css deleted file mode 100644 index f74dd4c4..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-orange.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E9873A; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E9873A; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E9873A; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #d86c18; - background-color: rgba(216, 108, 24, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E9873A; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E9873A; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #eea368; - background-color: #E9873A; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E9873A; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E9873A; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(233, 135, 58, 0); - background-color: rgba(233, 135, 58, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E9873A; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E9873A), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f6cfb0; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdf3eb; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbe7d8; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbe7d8; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(241, 177, 127, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(241, 177, 127, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f1b17f; - border-color: #efa66c; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f1b17f; - color: rgba(255, 255, 255, 0.6); - border-color: #efa66c; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f1b17f; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E9873A; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E9873A; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E9873A; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f4c39d; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f2b789; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #87562f; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #f8dbc4; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E9873A; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E9873A; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E9873A; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E9873A; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E9873A; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E9873A; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f5c9a6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E9873A; -} - -scale highlight:disabled { - background-color: rgba(233, 135, 58, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(233, 135, 58, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fcede1; - border-color: #fcede1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f4c39d; - border-color: #f4c39d; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f5c9a6; - border-color: #f5c9a6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E9873A; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E9873A; - background-color: #E9873A; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E9873A; - background-color: #E9873A; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 100% 60%; - 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 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.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E9873A; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E9873A; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E9873A, #E9873A); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E9873A; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E9873A; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E9873A; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E9873A; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f4c39d; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E9873A; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbe7d8; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(233, 135, 58, 0.8); - border-color: rgba(216, 108, 24, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E9873A; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #ec9551; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(241, 177, 127, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E9873A; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E9873A; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E9873A; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E9873A; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E9873A; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E9873A; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E9873A); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E9873A; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef9f5); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdf3eb); - color: #E9873A; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E9873A); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E9873A; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3bf96; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E9873A; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #eb924c; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e77c28; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(241, 177, 127, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E9873A; - border-color: #E9873A; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E9873A; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E9873A; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3bf96; - background-color: #E9873A; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E9873A; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E9873A; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E9873A; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E9873A; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f1b17f; - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E9873A; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E9873A; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E9873A; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E9873A; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E9873A; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E9873A; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E9873A; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E9873A, #E9873A); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E9873A; - border-color: #E9873A; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E9873A; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E9873A; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E9873A; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E9873A; - border-color: #E9873A; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E9873A; - background-color: #E9873A; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E9873A; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E9873A; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #ec9551; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(233, 135, 58, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E9873A; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E9873A); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E9873A); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E9873A); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E9873A); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E9873A; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E9873A; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(233, 135, 58, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E9873A; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #E9873A; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #E9873A; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E9873A; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E9873A; -@define-color budgie_tasklist_indicator_color_active #E9873A; -@define-color budgie_tasklist_indicator_color_active_window #edb88e; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.scss b/src/main/gtk-3.0/gtk-light-solid-orange.scss deleted file mode 100644 index bcbbcd77..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-orange.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'orange'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.css b/src/main/gtk-3.0/gtk-light-solid-pink.css deleted file mode 100644 index 290639c2..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-pink.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #E55E9C; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #E55E9C; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #E55E9C; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #de3281; - background-color: rgba(222, 50, 129, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #E55E9C; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #E55E9C; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #ec8ab7; - background-color: #E55E9C; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #E55E9C; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #E55E9C; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(229, 94, 156, 0); - background-color: rgba(229, 94, 156, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #E55E9C; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#E55E9C), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f5bfd7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fceff5; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fadfeb; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fadfeb; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(240, 160, 197, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(240, 160, 197, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f0a0c5; - border-color: #ed8eba; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f0a0c5; - color: rgba(255, 255, 255, 0.6); - border-color: #ed8eba; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f0a0c5; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #E55E9C; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #E55E9C; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #E55E9C; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f2afce; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #ef9ec4; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #854160; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #f7cfe1; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #E55E9C; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #E55E9C; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #E55E9C; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #E55E9C; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #E55E9C; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #E55E9C; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f3b7d2; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #E55E9C; -} - -scale highlight:disabled { - background-color: rgba(229, 94, 156, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(229, 94, 156, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fbe7f0; - border-color: #fbe7f0; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f2afce; - border-color: #f2afce; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f3b7d2; - border-color: #f3b7d2; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #E55E9C; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #E55E9C; - background-color: #E55E9C; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #E55E9C; - background-color: #E55E9C; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 100% 60%; - 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 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.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #E55E9C; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #E55E9C; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #E55E9C; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #E55E9C; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #E55E9C; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f2afce; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #E55E9C; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fadfeb; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(229, 94, 156, 0.8); - border-color: rgba(222, 50, 129, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #E55E9C; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #e974aa; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(240, 160, 197, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #E55E9C; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #E55E9C; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #E55E9C; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #E55E9C; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #E55E9C; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #E55E9C; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#E55E9C); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #E55E9C; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7fa); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fceff5); - color: #E55E9C; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#E55E9C); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #E55E9C; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f3b6d2; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #E55E9C; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #e870a7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #e24c91; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(240, 160, 197, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #E55E9C; - border-color: #E55E9C; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #E55E9C; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #E55E9C; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f3b6d2; - background-color: #E55E9C; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #E55E9C; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #E55E9C; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #E55E9C; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #E55E9C; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f0a0c5; - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #E55E9C; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #E55E9C; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #E55E9C; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #E55E9C; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #E55E9C; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #E55E9C; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #E55E9C; - border-color: #E55E9C; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #E55E9C; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #E55E9C; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #E55E9C; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #E55E9C; - border-color: #E55E9C; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #E55E9C; - background-color: #E55E9C; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #E55E9C; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #E55E9C; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #e974aa; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(229, 94, 156, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #E55E9C; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#E55E9C); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#E55E9C); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#E55E9C); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#E55E9C); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #E55E9C; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #E55E9C; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(229, 94, 156, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #E55E9C; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #E55E9C; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #E55E9C; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #E55E9C; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #E55E9C; -@define-color budgie_tasklist_indicator_color_active #E55E9C; -@define-color budgie_tasklist_indicator_color_active_window #eba2c3; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.scss b/src/main/gtk-3.0/gtk-light-solid-pink.scss deleted file mode 100644 index 48f81aa1..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-pink.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'pink'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.css b/src/main/gtk-3.0/gtk-light-solid-purple.css deleted file mode 100644 index 79710d1a..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-purple.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #9A57A3; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #9A57A3; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #9A57A3; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #7b4582; - background-color: rgba(123, 69, 130, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #9A57A3; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #9A57A3; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #af77b6; - background-color: #9A57A3; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #9A57A3; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #9A57A3; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(154, 87, 163, 0); - background-color: rgba(154, 87, 163, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #9A57A3; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#9A57A3), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #d7bcda; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #f5eef6; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #ebdded; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #ebdded; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(185, 135, 191, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(185, 135, 191, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #b987bf; - border-color: #b17ab8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #b987bf; - color: rgba(255, 255, 255, 0.6); - border-color: #b17ab8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #b987bf; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #9A57A3; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #9A57A3; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #9A57A3; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #cdabd1; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #c29ac8; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #5f3e64; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #e1cde3; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #9A57A3; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #9A57A3; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #9A57A3; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #9A57A3; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #9A57A3; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #9A57A3; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #d2b3d6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #9A57A3; -} - -scale highlight:disabled { - background-color: rgba(154, 87, 163, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(154, 87, 163, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #f0e6f1; - border-color: #f0e6f1; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #cdabd1; - border-color: #cdabd1; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #d2b3d6; - border-color: #d2b3d6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #9A57A3; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #9A57A3; - background-color: #9A57A3; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #9A57A3; - background-color: #9A57A3; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 100% 60%; - 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 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.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #9A57A3; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #9A57A3; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #9A57A3; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #9A57A3; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #9A57A3; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #cdabd1; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #9A57A3; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #ebdded; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(154, 87, 163, 0.8); - border-color: rgba(123, 69, 130, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #9A57A3; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #a566ad; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(185, 135, 191, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #9A57A3; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #9A57A3; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #9A57A3; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #9A57A3; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #9A57A3; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #9A57A3; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#9A57A3); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #9A57A3; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#faf7fa); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#f5eef6); - color: #9A57A3; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#9A57A3); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #9A57A3; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #c298c8; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #9A57A3; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #a363ac; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #8d5096; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(185, 135, 191, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #9A57A3; - border-color: #9A57A3; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #9A57A3; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #9A57A3; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #c298c8; - background-color: #9A57A3; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #9A57A3; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #9A57A3; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #9A57A3; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #9A57A3; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #b987bf; - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #9A57A3; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #9A57A3; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #9A57A3; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #9A57A3; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #9A57A3; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #9A57A3; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #9A57A3; - border-color: #9A57A3; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #9A57A3; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #9A57A3; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #9A57A3; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #9A57A3; - border-color: #9A57A3; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #9A57A3; - background-color: #9A57A3; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #9A57A3; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #9A57A3; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #a566ad; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(154, 87, 163, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #9A57A3; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#9A57A3); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#9A57A3); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#9A57A3); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#9A57A3); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #9A57A3; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #9A57A3; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(154, 87, 163, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #9A57A3; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #9A57A3; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #9A57A3; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #9A57A3; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #9A57A3; -@define-color budgie_tasklist_indicator_color_active #9A57A3; -@define-color budgie_tasklist_indicator_color_active_window #c29ec7; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.scss b/src/main/gtk-3.0/gtk-light-solid-purple.scss deleted file mode 100644 index 056ba421..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-purple.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'purple'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.css b/src/main/gtk-3.0/gtk-light-solid-red.css deleted file mode 100644 index 3e39b8da..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-red.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #ED5F5D; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #ED5F5D; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #ED5F5D; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #e8322f; - background-color: rgba(232, 50, 47, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #ED5F5D; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #ED5F5D; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f28c8b; - background-color: #ED5F5D; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #ED5F5D; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #ED5F5D; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(237, 95, 93, 0); - background-color: rgba(237, 95, 93, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #ED5F5D; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#ED5F5D), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #f8bfbe; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fdefef; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fbdfdf; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fbdfdf; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(245, 163, 162, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(245, 163, 162, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f5a3a2; - border-color: #f3918f; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f5a3a2; - color: rgba(255, 255, 255, 0.6); - border-color: #f3918f; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f5a3a2; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #ED5F5D; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #ED5F5D; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #ED5F5D; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f6afae; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f49f9e; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #894241; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #facfce; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #ED5F5D; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #ED5F5D; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #ED5F5D; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #ED5F5D; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #ED5F5D; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #ED5F5D; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #f7b7b6; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #ED5F5D; -} - -scale highlight:disabled { - background-color: rgba(237, 95, 93, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(237, 95, 93, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fce7e7; - border-color: #fce7e7; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f6afae; - border-color: #f6afae; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #f7b7b6; - border-color: #f7b7b6; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #ED5F5D; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #ED5F5D; - background-color: #ED5F5D; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #ED5F5D; - background-color: #ED5F5D; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 100% 60%; - 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 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.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #ED5F5D; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #ED5F5D; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #ED5F5D; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #ED5F5D; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #ED5F5D; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f6afae; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #ED5F5D; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fbdfdf; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(237, 95, 93, 0.8); - border-color: rgba(232, 50, 47, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #ED5F5D; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f07674; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(245, 163, 162, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #ED5F5D; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #ED5F5D; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #ED5F5D; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #ED5F5D; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #ED5F5D; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #ED5F5D; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#ED5F5D); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #ED5F5D; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fef7f7); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fdefef); - color: #ED5F5D; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#ED5F5D); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #ED5F5D; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f7bab9; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #ED5F5D; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #ef716f; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #eb4d4b; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(245, 163, 162, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #ED5F5D; - border-color: #ED5F5D; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #ED5F5D; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #ED5F5D; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f7bab9; - background-color: #ED5F5D; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #ED5F5D; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #ED5F5D; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #ED5F5D; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #ED5F5D; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f5a3a2; - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #ED5F5D; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #ED5F5D; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #ED5F5D; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #ED5F5D; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #ED5F5D; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #ED5F5D; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #ED5F5D; - border-color: #ED5F5D; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #ED5F5D; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #ED5F5D; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #ED5F5D; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #ED5F5D; - border-color: #ED5F5D; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #ED5F5D; - background-color: #ED5F5D; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #ED5F5D; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #ED5F5D; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f07674; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(237, 95, 93, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #ED5F5D; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#ED5F5D); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#ED5F5D); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#ED5F5D); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#ED5F5D); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #ED5F5D; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #ED5F5D; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(237, 95, 93, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #ED5F5D; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #ED5F5D; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #ED5F5D; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #ED5F5D; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #ED5F5D; -@define-color budgie_tasklist_indicator_color_active #ED5F5D; -@define-color budgie_tasklist_indicator_color_active_window #efa2a1; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.scss b/src/main/gtk-3.0/gtk-light-solid-red.scss deleted file mode 100644 index 54a66825..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-red.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'red'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.css b/src/main/gtk-3.0/gtk-light-solid-yellow.css deleted file mode 100644 index 0552432d..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-yellow.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #F3BA4B; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(243, 186, 75, 0); - background-color: rgba(243, 186, 75, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #8c6f38; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #F3BA4B; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #F3BA4B; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #F3BA4B; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #F3BA4B; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fefcf6); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fef8ed); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #F3BA4B; - border-color: #F3BA4B; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #F3BA4B; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #F3BA4B; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #F3BA4B; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #F3BA4B; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window #f2d397; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.scss b/src/main/gtk-3.0/gtk-light-solid-yellow.scss deleted file mode 100644 index 530734f9..00000000 --- a/src/main/gtk-3.0/gtk-light-solid-yellow.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid.css b/src/main/gtk-3.0/gtk-light-solid.css deleted file mode 100644 index 40eb6889..00000000 --- a/src/main/gtk-3.0/gtk-light-solid.css +++ /dev/null @@ -1,10283 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #0860F2; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: #2a2a2a; - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(8, 96, 242, 0); - background-color: rgba(8, 96, 242, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: #2a2a2a; - border-color: #161616; -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: #2a2a2a; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #16428b; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #0860F2; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: #ffffff; - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: #ffffff; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: #f4f4f4; -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #0860F2; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #0860F2; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #0860F2; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: #444444; - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { - background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: #ffffff; - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #363636; - background-color: #f0f0f0; -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: #939393; -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #0860F2; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f3f7fe); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#e6effe); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: #2a2a2a; -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: #2a2a2a; - border: 1px solid #161616; - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #0860F2; - border-color: #0860F2; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: #1d1d1d; -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid #161616; -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: #1d1d1d; - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: #f1f1f1; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: #363636; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: #1b1b1b; - background-color: #d8d8d8; -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: #fefefe; -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: #e3e3e3; -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: #363636; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: #363636; - background-color: rgba(54, 54, 54, 0.3); -} - -.xfce4-panel.panel { - background-color: #f1f1f1; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: #f1f1f1; - color: #363636; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: #f0f0f0; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: #f0f0f0; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: #ffffff; -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: #ffffff; - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: #ffffff; -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(#f0f0f0); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #292929; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #292929; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: #292929; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: #363636; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: #363636; - background-color: rgba(54, 54, 54, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(241, 241, 241, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: #363636; -} - -.menubar.panel .panel.maximized { - background-color: rgba(241, 241, 241, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(241, 241, 241, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: #363636; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: #363636; - border-radius: 2px; - color: #f1f1f1; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(241, 241, 241, 0.95); - color: dimgray; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: #393939; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #0860F2; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #0860F2; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: #f1f1f1; - color: #363636; - font-weight: bold; - box-shadow: inset 0 -1px #dfdfdf; -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: #363636; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(54, 54, 54, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: #2a2a2a; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: #ffffff; -} - -.raven button.linked:hover { - background-color: #f2f2f2; -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: #f5f5f5; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: #f1f1f1; - color: #363636; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(241, 241, 241, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(54, 54, 54, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(54, 54, 54, 0.1); - color: rgba(54, 54, 54, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(54, 54, 54, 0.15); - color: #363636; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(54, 54, 54, 0.12); - color: #363636; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: #363636; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(54, 54, 54, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(54, 54, 54, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: #dedede; - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: #ffffff; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: #f2f2f2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #0860F2; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: #ffffff; - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(54, 54, 54, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #0860F2; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window #73a3f2; -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid.scss b/src/main/gtk-3.0/gtk-light-solid.scss deleted file mode 100644 index a41210e4..00000000 --- a/src/main/gtk-3.0/gtk-light-solid.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'false'; -$black: 'true'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-yellow.css b/src/main/gtk-3.0/gtk-light-yellow.css deleted file mode 100644 index 63700dd7..00000000 --- a/src/main/gtk-3.0/gtk-light-yellow.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #F3BA4B; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #F3BA4B; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #F3BA4B; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #f0a81b; - background-color: rgba(240, 168, 27, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #F3BA4B; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #F3BA4B; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #f6cc7b; - background-color: #F3BA4B; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #F3BA4B; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #F3BA4B; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(243, 186, 75, 0); - background-color: rgba(243, 186, 75, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #F3BA4B; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#F3BA4B), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #fae3b7; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #fef8ed; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #fdf1db; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #fdf1db; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(248, 213, 147, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(248, 213, 147, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #f8d593; - border-color: #f7ce80; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #f8d593; - color: rgba(255, 255, 255, 0.6); - border-color: #f7ce80; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #f8d593; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #F3BA4B; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #F3BA4B; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #F3BA4B; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #f9dda5; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #f8d693; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #8c6f38; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #fbeac9; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #F3BA4B; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #F3BA4B; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #F3BA4B; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #F3BA4B; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #F3BA4B; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #F3BA4B; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #fae0ae; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #F3BA4B; -} - -scale highlight:disabled { - background-color: rgba(243, 186, 75, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(243, 186, 75, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #fdf5e4; - border-color: #fdf5e4; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #f9dda5; - border-color: #f9dda5; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #fae0ae; - border-color: #fae0ae; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #F3BA4B; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #F3BA4B; - background-color: #F3BA4B; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #F3BA4B; - background-color: #F3BA4B; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 100% 60%; - 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 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.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #F3BA4B; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #F3BA4B; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #F3BA4B; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #F3BA4B; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #F3BA4B; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #f9dda5; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #F3BA4B; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #fdf1db; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(243, 186, 75, 0.8); - border-color: rgba(240, 168, 27, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #F3BA4B; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #f5c363; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(248, 213, 147, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #F3BA4B; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #F3BA4B; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #F3BA4B; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #F3BA4B; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #F3BA4B; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #F3BA4B; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#F3BA4B); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #F3BA4B; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#fefcf6); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#fef8ed); - color: #F3BA4B; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#F3BA4B); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #F3BA4B; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #f9dfab; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #F3BA4B; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #f4c15e; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #f2b338; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(248, 213, 147, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #F3BA4B; - border-color: #F3BA4B; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #F3BA4B; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #F3BA4B; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #f9dfab; - background-color: #F3BA4B; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #F3BA4B; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #F3BA4B; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #F3BA4B; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #F3BA4B; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #f8d593; - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #F3BA4B; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #F3BA4B; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #F3BA4B; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #F3BA4B; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #F3BA4B; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #F3BA4B; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #F3BA4B; - border-color: #F3BA4B; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #F3BA4B; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #F3BA4B; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #F3BA4B; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #F3BA4B; - border-color: #F3BA4B; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #F3BA4B; - background-color: #F3BA4B; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #F3BA4B; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #F3BA4B; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #f5c363; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(243, 186, 75, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #F3BA4B; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#F3BA4B); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#F3BA4B); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#F3BA4B); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#F3BA4B); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #F3BA4B; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #F3BA4B; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(243, 186, 75, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #F3BA4B; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #F3BA4B; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #F3BA4B; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #F3BA4B; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #F3BA4B; -@define-color budgie_tasklist_indicator_color_active #F3BA4B; -@define-color budgie_tasklist_indicator_color_active_window rgba(244, 191, 87, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-yellow.scss b/src/main/gtk-3.0/gtk-light-yellow.scss deleted file mode 100644 index 7fd7d17b..00000000 --- a/src/main/gtk-3.0/gtk-light-yellow.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'yellow'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light.css b/src/main/gtk-3.0/gtk-light.css deleted file mode 100644 index 2ad9b784..00000000 --- a/src/main/gtk-3.0/gtk-light.css +++ /dev/null @@ -1,10279 +0,0 @@ -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #FC4138; - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - outline-color: alpha(currentColor,0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #0860F2; -} - -.background { - color: #242424; - background-color: rgba(245, 245, 245, 0.999); -} - -.background.csd { - border-radius: 0 0 12px 12px; -} - -.background.solid-csd { - border-radius: 0; -} - -.popup.background { - background-color: transparent; -} - -*:disabled, label:disabled selection { - -gtk-icon-effect: dim; -} - -.gtkstyle-fallback { - background-color: #f5f5f5; - color: #242424; -} - -.gtkstyle-fallback:hover { - background-color: white; - color: #242424; -} - -.gtkstyle-fallback:active { - background-color: gainsboro; - color: #242424; -} - -.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { - background-color: #fbfbfb; - color: rgba(36, 36, 36, 0.45); -} - -.gtkstyle-fallback:selected { - background-color: #0860F2; - color: white; -} - -.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { - color: #363636; - background-color: #ffffff; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { - background-color: #f7f7f7; -} - -.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { - color: white; - background-color: #0860F2; - transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -textview { - background-color: #ffffff; -} - -textview text { - background-color: #ffffff; -} - -textview border { - background-color: #fafafa; -} - -iconview, iconview:hover, iconview:selected { - border-radius: 6px; -} - -XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, -rubberband, -.rubberband { - border: 1px solid #064cc1; - background-color: rgba(6, 76, 193, 0.2); -} - -flowbox flowboxchild { - padding: 3px; - border-radius: 6px; -} - -flowbox flowboxchild:selected { - outline-offset: -2px; -} - -flowbox.search-bar { - border-bottom: 1px solid #e0e0e0; -} - -label.separator { - color: #242424; -} - -label selection { - color: white; - background-color: #0860F2; -} - -label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-switcher .notification-body, -.budgie-notification .notification-body, popover label.separator, -popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { - opacity: 0.55; -} - -assistant .sidebar { - background-color: #ffffff; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -assistant.csd .sidebar { - border-top-style: none; -} - -assistant .sidebar label { - padding: 6px 12px; -} - -assistant .sidebar label.highlight { - background-color: #0860F2; - color: white; -} - -.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, -popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { - color: #dadada; - border: none; - background-color: rgba(42, 42, 42, 0.9); - background-clip: padding-box; - box-shadow: none; -} - -@keyframes spin { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -spinner { - background: none; - opacity: 0; - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); -} - -spinner:checked { - opacity: 1; - animation: spin 1s linear infinite; -} - -spinner:checked:disabled, label:disabled selection:checked { - opacity: 0.5; -} - -.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; -} - -entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border: none; -} - -entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: 6px; - caret-color: currentColor; - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -entry.search { - border-radius: 6px; -} - -entry image { - color: #505050; -} - -entry image.left { - padding-left: 0; - padding-right: 5px; -} - -entry image.right { - padding-right: 0; - padding-left: 5px; -} - -.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; -} - -entry:hover { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -entry:focus { - color: #363636; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); - transition-duration: 300ms; -} - -entry:disabled { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(0, 0, 0, 0.02); -} - -entry.warning { - color: white; - background-color: #f7ae86; - border-image: none; -} - -entry.warning image { - color: white; -} - -entry.warning:focus { - color: white; - background-color: #F27835; - box-shadow: none; -} - -entry.warning selection, entry.warning selection:focus { - background-color: white; - color: #F27835; -} - -entry.error { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.error image { - color: white; -} - -entry.error:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.error selection, entry.error selection:focus { - background-color: white; - color: #FC4138; -} - -entry.search-missing { - color: white; - background-color: #fd8d88; - border-image: none; -} - -entry.search-missing image { - color: white; -} - -entry.search-missing:focus { - color: white; - background-color: #FC4138; - box-shadow: none; -} - -entry.search-missing selection, entry.search-missing selection:focus { - background-color: white; - color: #FC4138; -} - -entry:drop(active):focus, entry:drop(active) { - border-color: #F08437; - box-shadow: none; - border-image: none; -} - -.osd entry { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - border-image: none; -} - -.osd entry image, .osd entry image:hover { - color: inherit; -} - -.osd entry:focus { - color: white; - border-color: #357ef8; - background-color: #0860F2; - border-image: none; -} - -.osd entry:disabled { - color: #dadada; - background-color: rgba(98, 98, 98, 0.81); - border-image: none; -} - -.osd entry selection:focus, .osd entry selection { - color: #0860F2; - background-color: white; -} - -entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #0860F2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; -} - -.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { - min-height: 20px; -} - -.linked:not(.vertical) > entry + button.combo { - padding-left: 0; -} - -.linked.vertical > entry + button.combo { - padding: 0; -} - -.entry-tag { - margin: 8px; - border-radius: 50px; - box-shadow: none; - background-color: #f8464c; - color: white; - border: none; -} - -.entry-tag:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -:dir(ltr) .entry-tag { - margin-left: 8px; - margin-right: 0px; - padding-left: 8px; - padding-right: 4px; -} - -:dir(rtl) .entry-tag { - margin-left: 0px; - margin-right: 8px; - padding-left: 4px; - padding-right: 8px; -} - -.entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.entry-tag.button:not(:hover):not(:active) { - color: rgba(36, 36, 36, 0.45); -} - -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0860F2), to(transparent)); - } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0860F2), to(transparent)); - } -} - -.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - background-color: transparent; -} - -.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button { - min-height: 20px; - min-width: 16px; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: 1px solid; - border-radius: 6px; - padding: 0 6px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -button separator { - margin: 4px 1px; -} - -button.flat { - min-height: 24px; - transition: none; -} - -button.flat:hover { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 350ms; -} - -button.flat:hover:active { - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -button.flat:checked:hover { - background-image: none; -} - -button.flat.toggle.popup { - min-width: 20px; -} - -button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; - -gtk-icon-effect: highlight; -} - -button:active, button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; - background-clip: border-box; - transition-duration: 200ms; -} - -button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { - color: inherit; - opacity: 0.6; -} - -button:active { - color: #242424; -} - -button:active:hover, button:checked { - color: white; -} - -button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button:disabled label, button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -button:disabled:active, button:disabled:checked { - border-color: rgba(8, 96, 242, 0); - background-color: rgba(8, 96, 242, 0.55); - box-shadow: none; - opacity: 0.6; -} - -button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { - color: rgba(255, 255, 255, 0.55); -} - -button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; -} - -button.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; -} - -button.text-button.image-button label:first-child { - padding-left: 8px; - padding-right: 2px; -} - -button.text-button.image-button label:last-child { - padding-right: 8px; - padding-left: 2px; -} - -button.text-button.image-button label:only-child { - padding-left: 8px; - padding-right: 8px; -} - -button.text-button.image-button.popup { - padding-right: 6px; - padding-left: 6px; -} - -button:drop(active) { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -button.osd { - color: #dadada; - background-color: rgba(42, 42, 42, 0.9); - border-color: rgba(22, 22, 22, 0.9); -} - -button.osd.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; -} - -button.osd:hover { - color: #0860F2; - box-shadow: none; - background-color: rgba(98, 98, 98, 0.96); -} - -button.osd:active, button.osd:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -button.osd:disabled, label:disabled selection.osd { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -.osd button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button:active, .osd button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -.osd button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -.osd button.flat:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; - background-image: none; -} - -.osd button.flat:active, .osd button.flat:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: none; -} - -button.suggested-action { - background-clip: border-box; - color: white; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -button.suggested-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #3484e2; -} - -button.suggested-action:hover { - background-clip: border-box; - color: white; - background-color: #4a92e5; - border-color: #3081e1; - background-image: none; - box-shadow: none; -} - -button.suggested-action:active, button.suggested-action:checked { - background-clip: border-box; - color: white; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.suggested-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.suggested-action:disabled, label:disabled selection.suggested-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action { - background-clip: border-box; - color: white; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -button.destructive-action.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: #f8464c; -} - -button.destructive-action:hover { - background-clip: border-box; - color: white; - background-color: #f95f64; - border-color: #f84147; - background-image: none; - box-shadow: none; -} - -button.destructive-action:active, button.destructive-action:checked { - background-clip: border-box; - color: white; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; - box-shadow: none; -} - -button.destructive-action.flat:disabled, label:disabled selection.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: rgba(36, 36, 36, 0.45); -} - -button.destructive-action:disabled, label:disabled selection.destructive-action { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { - color: rgba(36, 36, 36, 0.45); -} - -.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; -} - -.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 stacksidebar row.needs-attention > label, stacksidebar button 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(#0860F2), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; -} - -button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button 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; -} - -button.font separator, button.file separator { - background-color: transparent; -} - -.inline-toolbar button, .inline-toolbar button:backdrop { - border-radius: 6px; -} - -.inline-toolbar toolbutton > button { - min-height: 20px; - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.inline-toolbar toolbutton > button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.inline-toolbar toolbutton > button:disabled { - background-color: transparent; -} - -.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - background-color: #575757; - opacity: 0.6; -} - -.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); -} - -toolbar.inline-toolbar toolbutton:first-child > button.flat { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -toolbar.inline-toolbar toolbutton:last-child > button.flat { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -toolbar.inline-toolbar toolbutton:only-child > button.flat { - border-radius: 6px; - border-style: solid; -} - -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: none; -} - -.linked.path-bar:not(.vertical) > button + button { - border-left-style: none; -} - -.linked.vertical > entry:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.linked.vertical > entry:drop(active):not(:only-child) { - box-shadow: inset 0 0 0 2px #F08437; -} - -.linked.vertical > entry.warning:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #F27835; -} - -.linked.vertical > entry.error:focus:not(:only-child) { - box-shadow: inset 0 0 0 2px #FC4138; -} - -.linked.vertical > button + button { - border-top-style: none; -} - -.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { - border-radius: 0; - border-right-style: none; -} - -spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right-style: solid; -} - -spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { - border-radius: 6px; - border-style: solid; -} - -spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { - border-radius: 0; - border-bottom-style: none; -} - -spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-bottom-style: solid; -} - -spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { - border-radius: 6px; - border-style: solid; -} - -calendar.raven-calendar.button, .nemo-window .floating-bar button, -calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, -modelbutton.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -menuitem.button.flat, -modelbutton.flat { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: 6px; -} - -menuitem.button.flat:hover, -modelbutton.flat:hover { - background-color: #ebebeb; - transition-duration: 50ms; -} - -menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow { - transition: none; - animation: none; -} - -menuitem.button.flat:checked, -modelbutton.flat:checked { - color: #242424; -} - -menuitem.button.flat:disabled, label:disabled selection.flat, -modelbutton.flat:disabled { - color: rgba(36, 36, 36, 0.45); -} - -menuitem.button.flat check:last-child, -menuitem.button.flat radio:last-child, -modelbutton.flat check:last-child, -modelbutton.flat radio:last-child { - margin-left: 8px; -} - -menuitem.button.flat check:first-child, -menuitem.button.flat radio:first-child, -modelbutton.flat check:first-child, -modelbutton.flat radio:first-child { - margin-right: 8px; -} - -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:link, button:visited, *:link { - color: #3484e2; -} - -button:visited, *:link:visited { - color: #505050; -} - -*:selected button:visited, *:selected *:link:visited { - color: #9cbffa; -} - -button:hover:link, button:hover:visited, *:link:hover { - color: #619fe8; -} - -*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { - color: #e6effe; -} - -button:active:link, button:active:visited, *:link:active { - color: #3484e2; -} - -*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { - color: #cedffc; -} - -infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { - color: #cedffc; -} - -button:link > label, button:visited > label { - text-decoration-line: underline; -} - -spinbutton:drop(active) { - box-shadow: none; -} - -spinbutton button:active { - color: white; -} - -spinbutton:disabled { - color: rgba(36, 36, 36, 0.45); -} - -spinbutton entry { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -spinbutton entry:focus { - border-color: rgba(77, 142, 249, 0.75); - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -spinbutton entry:drop(active) { - border-color: #F08437; - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; -} - -spinbutton:not(.vertical) entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; -} - -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - min-height: 20px; -} - -spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { - border-radius: 6px 0 0 6px; -} - -spinbutton:not(.vertical) > button + button { - border-left-style: none; -} - -spinbutton:not(.vertical) > button:hover:not(:active), -spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); -} - -spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), -spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0); -} - -spinbutton:not(.vertical) > button:first-child:hover:not(:active), -spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #F08437; -} - -.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { - border-image: none; -} - -.osd spinbutton:not(.vertical) > button:hover:not(:active), -.osd spinbutton:not(.vertical) > button:hover + button { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); -} - -.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), -.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), -.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { - box-shadow: none; -} - -.osd spinbutton:not(.vertical) > entry:focus + button { - border-left-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical button, spinbutton.vertical entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; -} - -spinbutton.vertical button.up { - border-radius: 6px 6px 0 0; -} - -spinbutton.vertical > entry:focus + button { - border-top-color: rgba(77, 142, 249, 0.75); -} - -spinbutton.vertical > entry:drop(active) + button { - border-top-color: #F08437; -} - -combobox { - min-height: 16px; -} - -combobox button.combo { - min-width: 0; - min-height: 16px; - padding-left: 12px; - padding-right: 12px; -} - -combobox arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); - min-height: 16px; - min-width: 16px; -} - -.background combobox button.combo arrow { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: 5px; - border: none; -} - -combobox decoration, -combobox button.combo:checked, .background combobox button.combo:checked { - transition: none; -} - -combobox:drop(active) button.combo { - color: #F08437; - border-color: #F08437; - box-shadow: none; -} - -combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); -} - -combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); -} - -.linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -.linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; -} - -.linked.vertical > combobox:only-child > box > button.combo { - border-radius: 6px; -} - -.inline-toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #ffffff; -} - -.horizontal.inline-toolbar, toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.inline-toolbar separator, toolbar separator { - background: none; -} - -.horizontal.inline-toolbar separator, toolbar.horizontal separator { - margin: 0 6px; -} - -.vertical.inline-toolbar separator, toolbar.vertical separator { - margin: 6px 0; -} - -.osd .inline-toolbar, .osd toolbar { - background-color: transparent; -} - -.osd.inline-toolbar, toolbar.osd { - padding: 8px; - border: none; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; -} - -.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { - padding: 8px; - border-radius: 10px; - background-color: rgba(42, 42, 42, 0.9); - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { - border-radius: 0; -} - -.osd.top.inline-toolbar, toolbar.osd.top { - border-width: 0 0 1px 0; -} - -.osd.bottom.inline-toolbar, toolbar.osd.bottom { - border-width: 1px 0 0 0; -} - -.osd.left.inline-toolbar, toolbar.osd.left { - border-width: 0 1px 0 0; -} - -.osd.right.inline-toolbar, toolbar.osd.right { - border-width: 0 0 0 1px; -} - -.primary-toolbar:not(.libreoffice-toolbar) { - color: #363636; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; -} - -.inline-toolbar { - background-color: #ededed; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - border-width: 0 1px 1px; - padding: 3px; -} - -.background.csd .inline-toolbar { - border-radius: 0 0 6px 6px; -} - -searchbar { - background-color: #f5f5f5; - padding: 0; - margin: 0; - border: none; -} - -searchbar > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: #d6d6d6; - border-width: 0 0 1px; -} - -searchbar .linked:not(.vertical) > entry { - margin-top: 0; - margin-bottom: 0; -} - -actionbar { - padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #ededed; -} - -.background.csd revealer > actionbar { - border-radius: 0 0 12px 12px; -} - -headerbar { - min-height: 40px; - padding: 0 16px; - color: #575757; - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; -} - -headerbar:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-color: white; - border-color: #ededed; -} - -headerbar .title { - padding-left: 12px; - padding-right: 12px; -} - -headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; -} - -headerbar button, headerbar spinbutton { - margin-top: 8px; - margin-bottom: 8px; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: 6px; - border: none; - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { - background: none; -} - -headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: 6px; -} - -headerbar .linked:not(.vertical) > entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - margin: 8px 3px; - padding: 0 8px; - border-radius: 6px; - border: none; -} - -headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { - color: inherit; -} - -headerbar .linked:not(.vertical) > entry:focus { - border-radius: 6px; - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar .linked:not(.vertical) > entry:disabled { - border-radius: 6px; - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -headerbar .linked:not(.vertical) > entry:backdrop { - opacity: 0.65; - background-image: none; -} - -headerbar stackswitcher, headerbar .stack-switcher { - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); - border-radius: 6px; - margin: 8px 0; - padding: 0; -} - -headerbar stackswitcher button, headerbar .stack-switcher button { - min-height: 26px; - margin: 0; - font-weight: 500; -} - -headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; -} - -headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { - border-image: none; -} - -headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { - border-image: none; -} - -headerbar switch { - margin-top: 10px; - margin-bottom: 10px; -} - -headerbar switch:backdrop { - opacity: 0.75; -} - -headerbar.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; -} - -.selection-mode headerbar, headerbar.selection-mode { - color: white; - background-color: #4d8ef9; - border-color: #3a81f8; - box-shadow: none; - background-image: none; - text-shadow: none; -} - -.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { - background-color: #4d8ef9; - color: rgba(255, 255, 255, 0.6); - border-color: #3a81f8; -} - -.selection-mode headerbar button, headerbar.selection-mode button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; -} - -.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; -} - -.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { - background-color: #4d8ef9; -} - -.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { - box-shadow: none; -} - -.maximized headerbar { - background-color: #ffffff; - border-color: #e0e0e0; - box-shadow: none; -} - -.maximized headerbar:backdrop { - background-color: white; - border-color: white; -} - -headerbar.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: #ffffff; -} - -.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { - box-shadow: none; -} - -headerbar.default-decoration button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; -} - -headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - border: none; -} - -separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { - border-top-left-radius: 12px; -} - -headerbar:last-child, headerbar:last-child:backdrop { - border-top-right-radius: 12px; -} - -stack headerbar:first-child, stack headerbar:last-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { - border-top-left-radius: 12px; -} - -window headerbar:last-child:backdrop, window headerbar:last-child { - border-top-right-radius: 12px; -} - -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: 12px; - border-top-right-radius: 12px; -} - -window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.titlebar, .titlebar.background { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -.titlebar, .titlebar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.fullscreen .titlebar, .fullscreen .titlebar headerbar { - box-shadow: none; -} - -.titlebar > box.left.horizontal, -.titlebar > box.right.horizontal { - padding: 0 6px; -} - -window.background > box.vertical > headerbar:not(.titlebar) { - border-radius: 0 0 0 0; - box-shadow: none; -} - -separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { - border-top-left-radius: 0; -} - -window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { - border-top-right-radius: 0; -} - -window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -.titlebar:not(headerbar) > separator { - min-width: 1px; -} - -headerbar button, .titlebar button { - min-height: 26px; - min-width: 22px; -} - -headerbar entry, .titlebar entry { - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; -} - -.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { - opacity: 0.65; -} - -.nemo-window .primary-toolbar entry, headerbar entry { - min-height: 22px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { - color: inherit; -} - -.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { - opacity: 0.65; - background-image: none; -} - -.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; - transition-duration: 200ms; -} - -.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.nemo-window .primary-toolbar entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { - background-color: #0860F2; - color: white; -} - -.nemo-window .primary-toolbar entry progress, headerbar entry progress { - border-color: #0860F2; - background-image: none; - background-color: transparent; -} - -.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { - color: white; - border-color: #F27835; - background-color: #f7ae86; -} - -.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { - color: white; - background-color: #F27835; -} - -.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { - background-color: white; - color: #F27835; -} - -.nemo-window .primary-toolbar entry.error, headerbar entry.error { - color: white; - border-color: #FC4138; - background-color: #fd8d88; -} - -.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { - color: white; - background-color: #FC4138; -} - -.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { - background-color: white; - color: #FC4138; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { - min-height: 26px; - min-width: 22px; - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { - opacity: 0.65; - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 300ms; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { - background-image: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - background: none; - box-shadow: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.path-bar button { - min-width: 12px; - min-height: 24px; -} - -.path-bar button.text-button, .path-bar button.image-button, .path-bar button { - padding-left: 6px; - padding-right: 6px; -} - -.path-bar button:hover { - box-shadow: none; -} - -.path-bar button:active, .path-bar button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; - border-color: rgba(0, 0, 0, 0.12); -} - -.path-bar button:disabled { - border-color: rgba(0, 0, 0, 0.12); -} - -.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: 10px; -} - -.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { - padding-left: 10px; -} - -.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; -} - -.path-bar button image { - padding-left: 4px; - padding-right: 4px; -} - -treeview.view { - border-radius: 0; - margin: 0 0; - border-left-color: rgba(36, 36, 36, 0.15); - border-top-color: rgba(0, 0, 0, 0.12); -} - -* { - -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 acceleditor > label { - background-color: #0860F2; -} - -treeview.view:selected, treeview.view:selected:focus { - border-radius: 0; - border-left-color: #84b0f9; - border-top-color: rgba(36, 36, 36, 0.15); -} - -treeview.view:disabled, label:disabled selection.view { - color: rgba(36, 36, 36, 0.45); -} - -treeview.view:disabled:selected, label:disabled selection.view:selected { - color: #6ba0f7; -} - -treeview.view.separator { - min-height: 2px; - color: rgba(0, 0, 0, 0.12); -} - -treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #16428b; -} - -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: #929292; -} - -treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -treeview.view.expander:hover { - color: #242424; -} - -treeview.view.expander:selected { - color: #b5cffb; -} - -treeview.view.expander:selected:hover { - color: white; -} - -treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -treeview.view.progressbar, treeview.view.progressbar:focus { - color: white; - border-radius: 6px; - background-color: #0860F2; -} - -treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { - color: #0860F2; - box-shadow: none; - background-color: white; -} - -treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -treeview.view.trough:selected, treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -treeview.view header button { - min-height: 24px; - min-width: 38px; - padding: 0 6px; - font-weight: bold; - color: #505050; - background-color: #ffffff; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; -} - -treeview.view header button:hover { - color: #0860F2; -} - -treeview.view header button:active { - color: #242424; -} - -treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; -} - -treeview.view header button:active:hover { - color: #242424; -} - -treeview.view header button:disabled { - border-color: #f5f5f5; - background-image: none; -} - -treeview.view header button:last-child { - border-right-style: none; - border-image: none; -} - -treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, -treeview.view header.button.dnd, -treeview.view header.button.dnd:selected, -treeview.view header.button.dnd:hover, -treeview.view header.button.dnd:active { - padding: 0 6px; - transition: none; - color: white; - background-color: #0860F2; - border-radius: 0; - border-style: none; -} - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -menubar:backdrop, -.menubar:backdrop { - color: rgba(87, 87, 87, 0.8); -} - -menubar > menuitem, -.menubar > menuitem { - transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: 6px; -} - -menubar > menuitem > window.popup.background.csd > menu > menuitem, -.menubar > menuitem > window.popup.background.csd > menu > menuitem { - transition: none; -} - -menubar > menuitem:hover, -.menubar > menuitem:hover { - transition: none; - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -menubar > menuitem:disabled, -.menubar > menuitem:disabled { - color: rgba(87, 87, 87, 0.4); -} - -.context-menu, -menu, -.menu { - padding: 6px 4px; - border-radius: 10px; - background-color: white; - border: 1px solid #d6d6d6; - color: #242424; -} - -.csd .context-menu, .csd menu, .csd .menu { - background-color: rgba(255, 255, 255, 0.95); - border: none; -} - -.context-menu separator, .csd .context-menu separator, -menu separator, .csd menu separator, -.menu separator, .csd .menu separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.05); - background-color: transparent; -} - -.context-menu > menuitem, -menu > menuitem, -.menu > menuitem { - transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: 7px; - margin: 0 2px; - text-shadow: none; - color: #242424; -} - -.context-menu > menuitem:hover, -menu > menuitem:hover, -.menu > menuitem:hover { - transition: none; - color: white; - background-color: #0860F2; -} - -.context-menu > menuitem:hover arrow, -menu > menuitem:hover arrow, -.menu > menuitem:hover arrow { - transition: none; - color: white; -} - -.context-menu > menuitem:hover menu arrow, -menu > menuitem:hover menu arrow, -.menu > menuitem:hover menu arrow { - color: #242424; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.context-menu > menuitem:hover menu menuitem:hover arrow, -menu > menuitem:hover menu menuitem:hover arrow, -.menu > menuitem:hover menu menuitem:hover arrow { - color: white; -} - -.context-menu > menuitem:disabled, -menu > menuitem:disabled, -.menu > menuitem:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.context-menu > menuitem arrow, -menu > menuitem arrow, -.menu > menuitem arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: #242424; -} - -.context-menu > menuitem arrow:dir(ltr), -menu > menuitem arrow:dir(ltr), -.menu > menuitem arrow:dir(ltr) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - margin-right: 0; -} - -.context-menu > menuitem arrow:dir(rtl), -menu > menuitem arrow:dir(rtl), -.menu > menuitem arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-left: 0; -} - -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: 6px; - margin-left: 2px; -} - -menuitem check:dir(rtl), menuitem radio:dir(rtl) { - margin-left: 6px; - margin-right: 2px; -} - - -.context-menu > arrow, -menu > arrow, -.menu > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: #242424; -} - - -.context-menu > arrow.top, -menu > arrow.top, -.menu > arrow.top { - margin-top: -6px; - border-radius: 12px 12px 0 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - - -.context-menu > arrow.bottom, -menu > arrow.bottom, -.menu > arrow.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 12px 12px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -.context-menu > arrow:hover, -menu > arrow:hover, -.menu > arrow:hover { - background-color: rgba(36, 36, 36, 0.08); -} - - -.context-menu > arrow:disabled, -menu > arrow:disabled, -.menu > arrow:disabled { - color: transparent; - background-color: transparent; - border-color: transparent; -} - -popover, -popover.background { - padding: 0; - border-radius: 12px; - background-clip: border-box; - background-color: rgba(255, 255, 255, 0.95); - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); -} - -.csd popover, popover, .csd popover.background, -popover.background { - border-radius: 12px; - border: 1px solid rgba(0, 0, 0, 0.2); -} - -popover separator, popover separator, .csd popover separator, -popover.background separator, -popover.background separator, .csd popover.background separator { - border: none; - background-color: transparent; -} - -popover label.separator, -popover.background label.separator { - color: #242424; -} - -popover entry, -popover.background entry { - background-color: rgba(243, 243, 243, 0.9525); -} - -popover > list, -popover > .view, -popover > toolbar, -popover.background > list, -popover.background > .view, -popover.background > toolbar { - border-style: none; - background-color: transparent; -} - -popover.touch-selection, .csd popover.touch-selection, -popover.background.touch-selection, .csd popover.background.touch-selection { - font: initial; -} - -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; -} - -cursor-handle.top { - -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); -} - -cursor-handle.bottom { - -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); -} - -notebook { - padding: 0; -} - -notebook.frame { - border: 1px solid #d6d6d6; -} - -notebook > stack:not(:only-child) { - background-color: #ffffff; -} - -notebook:not(.frame), notebook:not(.frame) > stack { - border-radius: 0 0 12px 12px; -} - -notebook > header { - padding: 0; - background-color: #e6e6e6; -} - -notebook > header.top { - box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-top: -1px; -} - -notebook > header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); - margin-bottom: -1px; -} - -notebook > header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-right: -1px; -} - -notebook > header.left { - box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); - margin-left: -1px; -} - -notebook > header button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; -} - -notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); -} - -notebook > header.top { - padding: 0; -} - -notebook > header.top tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.top tab + tab { - margin-left: -1px; -} - -notebook > header.bottom { - padding: 0; -} - -notebook > header.bottom tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.bottom tab + tab { - margin-left: -1px; -} - -notebook > header.right { - padding: 0; -} - -notebook > header.right tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.right tab + tab { - margin-top: -1px; -} - -notebook > header.left { - padding: 0; -} - -notebook > header.left tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; -} - -notebook > header.left tab + tab { - margin-top: -1px; -} - -notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { - margin-left: 2px; -} - -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.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { - margin-right: 2px; -} - -notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { - margin-top: 2px; -} - -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.down:first-child, notebook > header.right > tabs > arrow.down:first-child { - margin-bottom: 2px; -} - -notebook > header > tabs > arrow { - color: rgba(36, 36, 36, 0.45); -} - -notebook > header > tabs > arrow:hover { - color: rgba(36, 36, 36, 0.725); -} - -notebook > header > tabs > arrow:active { - color: #242424; -} - -notebook > header > tabs > arrow:disabled { - color: rgba(36, 36, 36, 0.15); -} - -notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { - border-left-style: none; -} - -notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { - border-right-style: none; -} - -notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { - border-top-style: none; -} - -notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { - border-bottom-style: none; -} - -notebook > header tabs > tab { - color: rgba(36, 36, 36, 0.45); - background-color: rgba(255, 255, 255, 0); - border: 1px solid transparent; - transition: all 150ms ease-out; -} - -notebook > header tabs > tab:hover:not(:checked) { - color: rgba(36, 36, 36, 0.725); - background-color: rgba(255, 255, 255, 0.2); - border-color: #d9d9d9; -} - -notebook > header tabs > tab:checked { - color: #242424; - background-color: #ffffff; - border-color: #d9d9d9; -} - -notebook > header tabs > tab button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: #6d6d6d; -} - -notebook > header tabs > tab button.flat:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.2); -} - -scrollbar { - background-color: transparent; - transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - border: none; -} - -* { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; -} - -scrollbar button { - border: none; -} - -scrollbar.vertical button.down { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -scrollbar.vertical button.up { - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -} - -scrollbar.horizontal button.down { - -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); -} - -scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); -} - -scrollbar slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: #a1a1a1; -} - -scrollbar slider:hover { - background-color: #b6b6b6; -} - -scrollbar slider:hover:active { - background-color: #686868; -} - -scrollbar slider:disabled { - background-color: transparent; -} - -scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; -} - -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) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; -} - -scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: #636363; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { - margin: 0 3px; - min-width: 40px; -} - -scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { - margin: 3px 0; - min-height: 40px; -} - -scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - opacity: 0.99; -} - -scrollbar.horizontal slider { - min-width: 40px; -} - -scrollbar.vertical slider { - min-height: 40px; -} - -@keyframes switch_ripple_effect { - from { - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - } - to { - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, rgba(8, 96, 242, 0) 0%); - } -} - -switch { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 9999px; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); -} - -switch:disabled { - color: transparent; - background-color: transparent; - background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); -} - -switch:checked { - animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: linear-gradient(0deg, #357ef8 0%, #0860F2 100%), radial-gradient(circle farthest-corner at center, rgba(8, 96, 242, 0.75) 100%, transparent 0%); -} - -switch:checked:disabled, label:disabled selection:checked { - background-color: transparent; - background-image: linear-gradient(0deg, #b0cdfc 0%, #7fadfb 100%); - color: transparent; -} - -switch slider { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: 9999px; - -gtk-outline-radius: 9999px; - background-color: white; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -} - -switch:hover slider { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -switch:checked slider { - margin: 1px 1px 1px 0; - background-color: white; -} - -switch:checked:disabled slider, label:disabled selection:checked slider { - animation: none; -} - -.check, -check, -treeview.check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); -} - -.osd check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); -} - -infobar check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); -} - -.check:disabled, label:disabled selection.check, -check:disabled, -treeview.check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); -} - -.osd check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); -} - -infobar check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); -} - -.check:indeterminate, -check:indeterminate, -treeview.check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); -} - -.osd check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); -} - -infobar check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); -} - -.check:indeterminate:disabled, label:disabled selection:indeterminate, -check:indeterminate:disabled, -treeview.check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); -} - -.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); -} - -infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); -} - -.check:checked, -check:checked, -treeview.check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); -} - -.osd check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); -} - -infobar check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); -} - -.check:checked:disabled, label:disabled selection:checked, -check:checked:disabled, -treeview.check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); -} - -.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); -} - -infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); -} - -.radio, -radio, -treeview.radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); -} - -.osd radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); -} - -infobar radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); -} - -.radio:disabled, label:disabled selection.radio, -radio:disabled, -treeview.radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); -} - -.osd radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); -} - -infobar radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); -} - -.radio:indeterminate, -radio:indeterminate, -treeview.radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); -} - -.osd radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); -} - -infobar radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); -} - -.radio:indeterminate:disabled, label:disabled selection:indeterminate, -radio:indeterminate:disabled, -treeview.radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); -} - -.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); -} - -infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); -} - -.radio:checked, -radio:checked, -treeview.radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); -} - -.osd radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); -} - -infobar radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); -} - -.radio:checked:disabled, label:disabled selection:checked, -radio:checked:disabled, -treeview.radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); -} - -.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); -} - -infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); -} - -.view.content-view.check:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; -} - -.view.content-view.check:checked:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; -} - -checkbutton.text-button, radiobutton.text-button { - padding: 2px 0; - outline-offset: 0; -} - -checkbutton.text-button:hover, radiobutton.text-button:hover { - color: black; -} - -checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { - margin-left: 4px; -} - -checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { - margin-right: 4px; -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; -} - -check:only-child, menu menuitem check, -radio:only-child, menu menuitem radio { - margin: 0; -} - -scale { - min-height: 15px; - min-width: 15px; - padding: 3px; -} - -scale.horizontal trough { - padding: 0 4px; -} - -scale.horizontal highlight, scale.horizontal fill { - margin: 0 -4px; -} - -scale.vertical trough { - padding: 4px 0; -} - -scale.vertical highlight, scale.vertical fill { - margin: -4px 0; -} - -scale slider { - min-height: 15px; - min-width: 15px; - margin: -7px; -} - -scale.fine-tune slider { - margin: -4px; -} - -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: 6px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.2); -} - -scale trough:disabled { - background-color: rgba(0, 0, 0, 0.12); -} - -.osd scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -.osd scale trough highlight { - background-color: #0860F2; -} - -menuitem:hover scale trough, row:selected scale trough, infobar scale trough { - background-color: rgba(0, 0, 0, 0.2); -} - -menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { - background-color: white; -} - -menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { - background-color: #90b7f9; -} - -menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { - background-color: rgba(0, 0, 0, 0.1); -} - -scale highlight { - border-radius: 6px; - background-color: #0860F2; -} - -scale highlight:disabled { - background-color: rgba(8, 96, 242, 0.55); -} - -scale fill { - border-radius: 6px; - background-color: rgba(8, 96, 242, 0.5); -} - -scale fill:disabled { - background-color: transparent; -} - -scale slider { - background-color: white; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 100%; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-property: background, border; -} - -scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -scale slider:active { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale slider:disabled { - background-color: #f2f2f2; - border-color: rgba(0, 0, 0, 0.12); -} - -menuitem:hover scale slider, row:selected scale slider, infobar scale slider { - background-clip: border-box; - background-color: white; - border-color: white; -} - -menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { - background-color: #dae7fd; - border-color: #dae7fd; -} - -menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { - background-color: #84b0f9; - border-color: #84b0f9; -} - -menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { - background-color: #90b7f9; - border-color: #90b7f9; -} - -.osd scale slider { - background-clip: border-box; - background-color: white; - border-color: rgba(0, 0, 0, 0.12); -} - -.osd scale slider:hover { - background-color: white; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); -} - -.osd scale slider:active { - background-color: #f7f7f7; - border-color: rgba(0, 0, 0, 0.12); - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -scale value { - color: alpha(currentColor,0.4); -} - -scale marks { - color: alpha(currentColor,0.4); -} - -scale marks.top { - margin-bottom: 1px; - margin-top: -4px; -} - -scale marks.bottom { - margin-top: 1px; - margin-bottom: -4px; -} - -scale marks.top { - margin-right: 1px; - margin-left: -4px; -} - -scale marks.bottom { - margin-left: 1px; - margin-right: -4px; -} - -scale.fine-tune marks.top { - margin-bottom: 0px; - margin-top: -2px; -} - -scale.fine-tune marks.bottom { - margin-top: 0px; - margin-bottom: -2px; -} - -scale.fine-tune marks.top { - margin-right: 0px; - margin-left: -2px; -} - -scale.fine-tune marks.bottom { - margin-left: 0px; - margin-right: -2px; -} - -scale.horizontal indicator { - min-height: 3px; - min-width: 1px; -} - -scale.horizontal.fine-tune indicator { - min-height: 2px; -} - -scale.vertical indicator { - min-height: 1px; - min-width: 3px; -} - -scale.vertical.fine-tune indicator { - min-width: 2px; -} - -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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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: 24px; - 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; -} - -progressbar { - padding: 0; - font-size: smaller; - color: rgba(36, 36, 36, 0.7); -} - -progressbar.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; -} - -progressbar.osd trough { - border-style: none; - background-color: transparent; - box-shadow: none; -} - -progressbar progress { - min-height: 4px; - min-width: 4px; - background-color: #0860F2; - border: none; - border-radius: 6px; - box-shadow: none; -} - -row:selected progressbar progress, infobar progressbar progress { - background-color: white; -} - -progressbar trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -row:selected progressbar trough, infobar progressbar trough { - background-color: rgba(0, 0, 0, 0.2); -} - -levelbar block { - min-width: 32px; - min-height: 1px; -} - -levelbar.vertical block { - min-width: 1px; - min-height: 32px; -} - -levelbar trough { - border: none; - padding: 3px; - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.12); -} - -levelbar.horizontal.discrete block { - margin: 0 1px; -} - -levelbar.vertical.discrete block { - margin: 1px 0; -} - -levelbar block:not(.empty) { - border: 1px solid #0860F2; - background-color: #0860F2; - border-radius: 6px; -} - -levelbar block.low { - border-color: #F27835; - background-color: #F27835; -} - -levelbar block.high { - border-color: #0860F2; - background-color: #0860F2; -} - -levelbar block.full { - border-color: #30D158; - background-color: #30D158; -} - -levelbar block.empty { - background-color: rgba(36, 36, 36, 0.2); - border-color: rgba(36, 36, 36, 0.2); -} - -printdialog paper { - border: 1px solid rgba(0, 0, 0, 0.12); - background: #ffffff; - padding: 0; -} - -printdialog .dialog-action-box { - margin: 12px; -} - -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow viewport.frame { - border-style: none; -} - -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 100% 60%; - 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 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.6, from(rgba(8, 96, 242, 0.2)), to(rgba(8, 96, 242, 0))); - background-size: 60% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; -} - -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; -} - -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; -} - -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; -} - -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; -} - -junction { - border-style: solid none none solid; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); - background-color: #fcfcfc; -} - -junction:dir(rtl) { - border-style: solid solid none none; -} - -separator { - background-color: rgba(0, 0, 0, 0.12); - min-width: 1px; - min-height: 1px; -} - -list { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.12); -} - -list row { - padding: 2px; -} - -.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { - color: #242424; - background-color: rgba(0, 0, 0, 0.2); - transition-duration: 200ms; -} - -.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { - color: inherit; -} - -.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { - color: #242424; -} - -.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { - background-color: rgba(0, 0, 0, 0.2); -} - -row:not(:hover) { - transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -row:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.15); -} - -row:selected label { - color: #242424; -} - -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: #242424; - background-color: rgba(255, 255, 255, 0.85); - border-radius: 0 0 6px 6px; - border: none; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.app-notification border { - border: none; -} - -.app-notification button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.app-notification button:active, .app-notification button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.app-notification button:disabled { - background-color: transparent; -} - -.app-notification button:disabled label, .app-notification button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -expander arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); -} - -expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); -} - -expander arrow:hover { - color: #717171; -} - -expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - - -calendar { - color: #242424; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - padding: 2px 6px; - margin: 0; -} - - -calendar:selected { - border-radius: 50px; -} - - -calendar:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.header { - color: #242424; - border: none; -} - - -calendar.button { - color: rgba(36, 36, 36, 0.45); -} - - -calendar.button:hover { - color: #242424; -} - -label:disabled selection.button, -calendar.button:disabled { - color: rgba(36, 36, 36, 0.45); -} - - -calendar:indeterminate { - color: rgba(36, 36, 36, 0.55); -} - - -calendar.highlight { - color: rgba(36, 36, 36, 0.65); - font-weight: 500; -} - -messagedialog.background { - background-color: rgba(245, 245, 245, 0.95); -} - -messagedialog .titlebar { - min-height: 28px; - background-color: rgba(245, 245, 245, 0.95); - border: none; -} - -messagedialog .dialog-action-area { - padding: 6px; -} - -messagedialog .dialog-action-area button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: 6px; - margin: 0 3px 3px 3px; - border: none; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { - border-radius: 6px; - background-color: transparent; -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { - background-color: #0860F2; - color: white; -} - -messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { - border-radius: 6px; -} - -messagedialog.csd.background { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; - border: none; -} - -.csd filechooser { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.csd filechooser placessidebar.sidebar { - background-color: transparent; -} - -.csd filechooser actionbar { - color: #363636; - background-color: transparent; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 12px 0; -} - -.csd filechooser actionbar label, .csd filechooser actionbar combobox { - color: #363636; -} - -.csd filechooser stack.view { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.csd filechooser stack.view scrolledwindow list { - background-color: transparent; -} - -.csd filechooser stack.view scrolledwindow treeview.view { - background-color: transparent; -} - -.csd filechooser box.vertical > paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 8px 8px; - background-position: left bottom; -} - -.csd filechooser box.vertical > paned > separator:dir(ltr) { - margin-left: -1px; -} - -.csd filechooser box.vertical > paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser placessidebar.sidebar { - border: none; -} - -filechooser placessidebar.sidebar.frame { - border-right: 1px solid #d6d6d6; -} - -filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0); -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -.sidebar { - border-style: none; - background-color: #f5f5f5; -} - -stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-left-style: none; -} - -stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right-style: none; -} - -.sidebar list { - background-color: transparent; -} - -.sidebar list > separator { - min-height: 0; - background: none; - border: none; -} - -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: 4px 4px; -} - -stacksidebar row > label { - padding-left: 6px; - padding-right: 6px; -} - -stacksidebar row.needs-attention > label { - background-size: 6px 6px, 0 0; -} - -placessidebar > viewport.frame { - border-style: none; -} - -placessidebar row { - min-height: 24px; - padding: 2px 10px; -} - -placessidebar row > revealer { - padding: 0 10px; -} - -placessidebar row image.sidebar-icon:dir(ltr) { - padding-right: 6px; -} - -placessidebar row image.sidebar-icon:dir(rtl) { - padding-left: 6px; -} - -placessidebar row label.sidebar-label:dir(ltr) { - padding-right: 6px; -} - -placessidebar row label.sidebar-label:dir(rtl) { - padding-left: 6px; -} - -button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -button.sidebar-button > image { - opacity: 0.85; -} - -button.sidebar-button:active, button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -button.sidebar-button:not(:hover):not(:active) > image { - opacity: 0.65; -} - -placessidebar row:selected button.sidebar-button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.3); -} - -placessidebar row.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: linear-gradient(to bottom, #F08437, #F08437); - background-clip: content-box; -} - -placessidebar row.sidebar-new-bookmark-row { - color: #0860F2; -} - -placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; -} - -placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { - color: #363636; -} - -placesview .server-list-button > image { - -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 > label { - padding-left: 8px; - padding-right: 8px; -} - -paned > separator { - min-width: 1px; - min-height: 1px; - -gtk-icon-source: none; - border-style: none; - background-color: transparent; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); - background-size: 1px 1px; -} - -paned > separator:selected { - background-image: linear-gradient(to bottom, #0860F2, #0860F2); -} - -paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #f5f5f5; - background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); - background-size: 1px 1px, 1px 1px; -} - -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; -} - -infobar { - border-style: none; -} - -infobar.info > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #0860F2; -} - -infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { - color: #0860F2; -} - -infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #3484e2; -} - -infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { - color: #3484e2; -} - -infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #F27835; -} - -infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { - color: #F27835; -} - -infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #FC4138; -} - -infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { - color: #FC4138; -} - -infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { - color: white; - caret-color: currentColor; -} - -infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - min-height: 28px; -} - -infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { - background-color: white; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { - color: white; - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.5); - background-image: none; - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - color: white; - background-color: rgba(255, 255, 255, 0); - background-image: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { - color: rgba(255, 255, 255, 0.4); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { - color: white; - background-color: rgba(255, 255, 255, 0.4); - border-color: rgba(255, 255, 255, 0.5); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { - background-color: rgba(255, 255, 255, 0); - border-color: rgba(255, 255, 255, 0.4); - box-shadow: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { - color: #0860F2; - background-color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.4); -} - -tooltip { - border-radius: 6px; - box-shadow: none; -} - -tooltip.background, tooltip.background.csd { - background-color: rgba(68, 68, 68, 0.9); - background-clip: padding-box; - border-radius: 6px; -} - -tooltip.background label, tooltip.background.csd label { - padding: 4px; -} - -tooltip decoration { - background-color: transparent; -} - -tooltip * { - background-color: transparent; - color: #dadada; -} - -colorswatch, colorswatch:drop(active) { - border-style: none; -} - -colorswatch.top { - border-top-left-radius: 2.5px; - border-top-right-radius: 2.5px; -} - -colorswatch.top overlay { - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} - -colorswatch.bottom { - border-bottom-left-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.bottom overlay { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.left, colorswatch:first-child:not(.top) { - border-top-left-radius: 2.5px; - border-bottom-left-radius: 2.5px; -} - -colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; -} - -colorswatch.right, colorswatch:last-child:not(.bottom) { - border-top-right-radius: 2.5px; - border-bottom-right-radius: 2.5px; -} - -colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; -} - -colorswatch.dark overlay { - color: rgba(255, 255, 255, 0.7); -} - -colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.5); -} - -colorswatch.light overlay { - color: rgba(0, 0, 0, 0.7); -} - -colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.3); -} - -colorswatch overlay { - border: 1px solid rgba(0, 0, 0, 0.15); -} - -colorswatch overlay:hover { - background-color: rgba(255, 255, 255, 0.2); -} - -colorswatch:disabled { - opacity: 0.5; -} - -colorswatch:disabled overlay { - border-color: rgba(0, 0, 0, 0.6); - box-shadow: none; -} - -colorswatch#add-color-button { - border-style: solid; - border-width: 1px; - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -colorswatch#add-color-button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -colorswatch#add-color-button overlay { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -button.color { - padding: 0; -} - -button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { - margin: 4px; - border-radius: 0; -} - -colorchooser .popover.osd { - border-radius: 6px; -} - -.content-view { - background-color: #ffffff; -} - -.content-view:hover { - -gtk-icon-effect: highlight; -} - -.scale-popup button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.context-menu { - font: initial; -} - -.monospace { - font-family: Monospace; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), -button.circular:active, -button.circular:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.2); -} - -.keycap { - min-width: 16px; - min-height: 20px; - padding: 3px 6px 4px 6px; - color: #242424; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); -} - -stackswitcher button.text-button { - min-width: 80px; -} - -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px #F08437; -} - -decoration { - transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); - border-radius: 12px; - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); - margin: 6px; -} - -decoration:backdrop { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { - box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.fullscreen decoration { - border-radius: 0; -} - -.popup decoration { - box-shadow: none; - border-radius: 12px; -} - -.ssd decoration { - margin: -5px; - border-radius: 12px 12px 0 0; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -.csd.popup decoration { - border-radius: 10px; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -tooltip.csd decoration { - border-radius: 12px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); -} - -messagedialog.csd decoration { - border-radius: 12px; -} - -.solid-csd decoration { - border: 1px solid #e0e0e0; - border-radius: 0; - margin: 0; - background-color: #ffffff; - box-shadow: none; -} - -headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.close, -.titlebar button.titlebutton.maximize, -.titlebar button.titlebutton.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; -} - -headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - opacity: 1; -} - -headerbar button.titlebutton.close, -.titlebar button.titlebutton.close { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -headerbar button.titlebutton.close:backdrop, -.titlebar button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); -} - -headerbar button.titlebutton.close:backdrop:hover, -.titlebar button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.close:hover, -.titlebar button.titlebutton.close:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -headerbar button.titlebutton.close:active, -.titlebar button.titlebutton.close:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -headerbar button.titlebutton.maximize, -.titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop, -.titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); -} - -headerbar button.titlebutton.maximize:backdrop:hover, -.titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.maximize:hover, -.titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -headerbar button.titlebutton.maximize:active, -.titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -headerbar button.titlebutton.minimize, -.titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop, -.titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); -} - -headerbar button.titlebutton.minimize:backdrop:hover, -.titlebar button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); -} - -headerbar button.titlebutton.minimize:hover, -.titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -headerbar button.titlebutton.minimize:active, -.titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); -} - -.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); -} - -.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, -modelbutton.flat:active, -modelbutton.flat:active arrow, -modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, -calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { - background-color: #0860F2; - color: white; -} - -.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, -#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { - color: #84b0f9; -} - -row:selected label, label:selected { - color: white; -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: 12px; -} - -popover.emoji-picker entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; -} - -popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.emoji-picker scrolledwindow.view { - background: none; -} - -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: 6px; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; -} - -button.emoji-section:first-child { - margin-left: 6px; -} - -button.emoji-section:last-child { - margin-right: 6px; -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; -} - -.emoji widget { - border-radius: 6px; - transition: none; -} - -.mate-terminal notebook > header.top > tabs > tab { - border-top: 1px solid transparent; -} - -terminal-window.background.csd { - border-radius: 0 0 0 0; -} - -terminal-window decoration { - border-radius: 12px 12px 0 0; -} - -terminal-window notebook button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; -} - -window.background.csd > box.vertical > box.horizontal > frame > border { - border-width: 0 1px 0 0; -} - -window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { - border-width: 0; -} - -window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { - border-bottom-right-radius: 12px; -} - -filechooser paned > separator, -.nautilus-window paned > separator { - border: none; - background-color: transparent; - background-image: image(#ffffff); - background-size: 12px 12px; - background-position: left bottom; - background-repeat: no-repeat; -} - -filechooser paned > separator:dir(ltr), -.nautilus-window paned > separator:dir(ltr) { - margin-left: -1px; -} - -filechooser paned > separator:dir(rtl), -.nautilus-window paned > separator:dir(rtl) { - margin-right: -1px; -} - -filechooser paned > separator:hover, -.nautilus-window paned > separator:hover { - background-image: image(rgba(0, 0, 0, 0.12)); - background-size: 2px 100px; - background-position: center center; -} - -.nautilus-window.background.csd { - border-radius: 0 0 12px 12px; - background-color: transparent; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background: none; - background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); -} - -.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { - margin-left: 120px; -} - -.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: 12px; -} - -.nautilus-window headerbar .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; -} - -.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.nautilus-window headerbar .path-bar-box.background.frame { - border: none; - background-color: transparent; -} - -.nautilus-window paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; -} - -.nautilus-window placessidebar.sidebar { - margin-bottom: 12px; - border: none; - min-width: 200px; - background-color: transparent; - background-image: none; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row { - color: #363636; - background-color: transparent; - transition: background-image 0; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { - color: rgba(54, 54, 54, 0.4); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { - opacity: 0.85; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: 200px 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { - color: #242424; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: 200px 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { - color: #242424; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { - color: #0860F2; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { - color: inherit; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { - background-color: #F08437; -} - -.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { - color: #363636; -} - -.nautilus-window placessidebar.sidebar separator { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar { - background: none; - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(92, 92, 92, 0.35); - border: none; -} - -.nautilus-window placessidebar.sidebar scrollbar slider { - min-width: 4px; - background-color: rgba(92, 92, 92, 0.7); -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover { - background-color: dimgray; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { - background-color: #686868; -} - -.nautilus-window placessidebar.sidebar scrollbar slider:disabled { - background-color: transparent; -} - -.nautilus-window placessidebar.sidebar scrollbar trough { - background-color: transparent; -} - -.nautilus-window notebook { - margin-left: -1px; - margin-right: -1px; -} - -.nautilus-window notebook.background.csd { - background-color: transparent; -} - -.nautilus-window notebook tab { - margin-left: -1px; -} - -.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -.nautilus-window notebook, .nautilus-window notebook > stack { - border-radius: 0 0 14px 14px; -} - -.nautilus-window notebook > stack { - background-color: #ffffff; -} - -.nautilus-window notebook > stack:not(:only-child) searchbar { - background-color: transparent; -} - -.nautilus-window notebook infobar { - margin: 6px 10px 10px 6px; - border-radius: 12px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); - padding: 0 6px; -} - -.nautilus-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 6px; - margin: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.nautilus-window .floating-bar button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; -} - -.nautilus-window placesview row.activatable { - border-radius: 6px; - margin-right: 6px; -} - -.nautilus-window placesview actionbar.background { - background-color: rgba(255, 255, 255, 0.95); - margin: 6px; - border-radius: 6px; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.nautilus-canvas-item { - border-radius: 5px; -} - -.caja-desktop, .nemo-desktop.nemo-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); -} - -.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, -.nautilus-desktop.nautilus-canvas-item:active { - color: white; -} - -.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, -.nautilus-desktop.nautilus-canvas-item:selected { - color: white; - text-shadow: none; -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: #8d8d8d; -} - -.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, -.nautilus-list-dim-label:selected, -.nautilus-list-dim-label:selected:focus { - color: #cedffc; -} - -.nautilus-list-view { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; -} - -.disk-space-display { - border-style: solid; - border-width: 1px; -} - -.disk-space-display.unknown { - background-color: rgba(36, 36, 36, 0.5); - border-color: rgba(11, 11, 11, 0.5); -} - -.disk-space-display.used { - background-color: rgba(8, 96, 242, 0.8); - border-color: rgba(6, 76, 193, 0.8); -} - -.disk-space-display.free { - background-color: #ededed; - border-color: #d4d4d4; -} - -@keyframes needs_attention_keyframes { - 0% { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; - } - 100% { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -.conflict-row.activatable, .conflict-row.activatable:active { - color: white; - background-color: #FC4138; -} - -.conflict-row.activatable:hover { - background-color: #fd716a; -} - -.conflict-row.activatable:selected { - color: white; - background-color: #0860F2; -} - -.nemo-window .nemo-places-sidebar.frame { - border-width: 0; -} - -.nemo-window .nemo-places-sidebar .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; - -NemoPlacesTreeView-disk-full-fg-color: #1c6ff7; -} - -.nemo-window .sidebar { - color: #363636; - background-color: rgba(240, 240, 240, 0.94); -} - -.nemo-window .sidebar scrolledwindow.frame { - border: none; -} - -.nemo-window .sidebar .view, .nemo-window .sidebar row { - background-color: transparent; - color: #363636; -} - -.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { - color: rgba(141, 141, 141, 0.97); -} - -.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { - color: #363636; -} - -.nemo-window paned > separator { - background-image: image(#d6d6d6); -} - -.nemo-window notebook { - background-color: #ffffff; -} - -.nemo-window .nemo-window-pane widget.entry { - border: 2px solid rgba(77, 142, 249, 0.75); - background-color: rgba(0, 0, 0, 0.05); - border-radius: 6px; - box-shadow: none; -} - -.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { - color: #242424; - background-color: #ffffff; - border-radius: 6px; -} - -.nemo-window .toolbar > button { - margin-top: 2px; - margin-bottom: 2px; -} - -.nemo-window .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: #575757; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -.nemo-window .primary-toolbar button { - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; -} - -.nemo-window .primary-toolbar entry { - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; -} - -.nemo-window .primary-toolbar .linked.raised > button { - border-radius: 6px; -} - -.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: 6px; -} - -.nemo-window .floating-bar { - padding: 2px; - background-color: #0860F2; - color: white; - border-radius: 0; - border: none; -} - -.nemo-window .floating-bar.bottom.left { - border-top-right-radius: 6px; -} - -.nemo-window .floating-bar.bottom.right { - border-top-left-radius: 6px; -} - -.nemo-window .floating-bar button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; -} - -.view.cs-category-view { - border-bottom-right-radius: 12px; -} - -window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { - padding: 0; - margin: -2px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { - margin: 4px 0; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { - border-bottom-left-radius: 12px; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { - background: none; -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; -} - -.open-document-selector-treeview.view:hover { - background-color: #f0f0f0; -} - -.open-document-selector-treeview.view:hover:selected { - color: white; - background-color: #0860F2; -} - -.open-document-selector-name-label { - color: #242424; -} - -.open-document-selector-path-label { - color: #929292; - font-size: smaller; -} - -.open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); -} - -.gedit-document-panel row.activatable { - padding: 6px 0; -} - -.gedit-document-panel row button { - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.gedit-document-panel row button image { - color: inherit; -} - -.gedit-document-panel row:hover:not(:selected) button { - color: #6d6d6d; -} - -.gedit-document-panel row:hover:not(:selected) button:hover { - color: #ff4d4d; -} - -.gedit-document-panel row:hover:not(:selected) button:active { - color: #242424; -} - -.gedit-document-panel row:hover:selected button:hover { - color: #ff6666; -} - -.gedit-document-panel row:hover:selected button:hover:active { - color: white; -} - -.gedit-document-panel-dragged-row { - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: gainsboro; - color: #242424; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; - border-radius: 0 0 12px 12px; -} - -.gedit-side-panel-paned statusbar frame > border { - border: none; -} - -.gedit-search-slider { - background-color: #fafafa; - padding: 6px; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 0 0 6px 6px; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: rgba(36, 36, 36, 0.6); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame border { - border-color: rgba(0, 0, 0, 0.3); - border-width: 0; -} - -.gedit-map-frame border:dir(ltr) { - border-left-width: 1px; -} - -.gedit-map-frame border:dir(rtl) { - border-right-width: 1px; -} - -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - border-top: none; - border-bottom: none; - border-radius: 0; -} - -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: #0860F2; -} - -layouttab { - background-color: #ffffff; -} - -layout { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -pillbox { - color: white; - background-color: #0860F2; - border-radius: 3px; -} - -pillbox:disabled label { - color: rgba(255, 255, 255, 0.5); -} - -docktabstrip { - padding: 0 6px; - background-color: #f5f5f5; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -docktabstrip docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; -} - -docktabstrip docktab label { - opacity: 0.5; -} - -docktabstrip docktab:checked label, docktabstrip docktab:hover label { - opacity: 1; -} - -docktabstrip docktab:checked { - border-color: rgba(0, 0, 0, 0.12); - background-color: #ffffff; -} - -dockbin { - border: 1px solid rgba(0, 0, 0, 0.12); - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dockoverlayedge { - background-color: #f5f5f5; -} - -dockoverlayedge docktabstrip { - padding: 0; - border: none; -} - -dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { - border-width: 1px 0; -} - -popover.messagepopover.background { - padding: 0; -} - -popover.messagepopover .popover-content-area { - margin: 16px; -} - -popover.messagepopover .popover-action-area { - margin: 8px; -} - -popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { - margin: 0 4px; -} - -popover.popover-selector { - padding: 0; -} - -popover.popover-selector list row { - padding: 5px 0; -} - -popover.popover-selector list row image { - margin-left: 3px; - margin-right: 10px; -} - -preferences stacksidebar.sidebar list { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); -} - -preferences stacksidebar.sidebar list separator { - background-color: transparent; -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: rgba(0, 0, 0, 0.12); -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - border-left: none; -} - -omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { - color: inherit; -} - -omnibar.linked > entry:not(:only-child):backdrop { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; - opacity: 0.65; -} - -omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { - color: inherit; -} - -entry.search.preferences-search { - box-shadow: none; - border: none; - border-right: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; -} - -entry.search.preferences-search:focus { - box-shadow: none; - border-bottom: 1px solid #0860F2; -} - -preferencesbin spinbutton { - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -preferencesbin spinbutton:focus { - border-color: #0860F2; -} - -preferencesbin spinbutton entry, -preferencesbin spinbutton entry:focus { - border: none; - box-shadow: none; -} - -preferencesbin spinbutton button { - border-width: 0 0 0 1px; -} - -preferencesbin entry.search { - margin: 2px; -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: 12px; -} - -dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: 12px; -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: 12px; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: 12px; -} - -gstyleslidein #scale_box button.toggle:checked, -gstyleslidein #strings_controls button.toggle:checked, -gstyleslidein #palette_controls button.toggle:checked, -gstyleslidein #components_controls button.toggle:checked { - color: #242424; -} - -configurationview entry.flat { - background: none; -} - -configurationview list { - border-width: 0; -} - -dzldockbin actionbar { - border-radius: 0 0 12px 12px; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; -} - -workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { - border-radius: 12px 12px 0 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { - min-height: 0; -} - -window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { - min-height: 0; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { - color: #424242; -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.25); -} - -window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { - color: #242424; -} - -window.background > box.vertical box.horizontal list.categories { - border-radius: 0 0 0 12px; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { - color: #242424; - transition-duration: 0.1s; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { - background-image: image(#3484e2); - color: white; - font-weight: 700; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { - background-image: image(#ededed); - color: black; - transition-property: opacity, border-image, background-image, box-shadow; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { - background-image: image(#ebebeb); - color: #242424; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { - background-image: image(#e0e0e0); - color: #242424; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { - background-image: image(#0860F2); - color: white; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { - background-image: image(#ffffff); - color: #0860F2; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { - background-image: image(#f3f7fe); -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { - background-image: image(#e6effe); - color: #0860F2; - animation: none; -} - -window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { - background-image: image(#0860F2); - color: white; - transition-duration: 0s; -} - -widget#PROCESSOR list row, widget#MEMORY list row { - margin: -1px; - border: 1px solid #d6d6d6; -} - -widget#PROCESSOR list row.max, widget#MEMORY list row.max { - color: rgba(42, 42, 42, 0.9); -} - -widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#STORAGE list { - margin: -1px; -} - -widget#STORAGE list row.activatable { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { - color: rgba(36, 36, 36, 0.75); -} - -widget#STORAGE list separator.list { - box-shadow: inset 0 0 0 1px #d6d6d6; -} - -widget#PERFORMANCE searchbar { - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; -} - -widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { - margin-bottom: 2px; -} - -widget#PERFORMANCE .sidebar { - background-color: #ffffff; - border-bottom-left-radius: 12px; -} - -graph-switcher-button.toggle { - color: rgba(36, 36, 36, 0.75); - font-weight: 500; -} - -graph-switcher-button.toggle:hover { - color: #242424; - background-image: image(rgba(0, 0, 0, 0.05)); -} - -rg-graph.big { - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer-outter { - opacity: 0.8; -} - -box.speedometer-content-area { - box-shadow: 0 0 0 4px rgba(8, 96, 242, 0.2); -} - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: #0860F2; - color: white; - border-radius: 2px; -} - -.photos-collection-icon, -.documents-collection-icon { - background-color: rgba(36, 36, 36, 0.3); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #669efa; -} - -.photos-entry-tag, -.documents-entry-tag { - color: white; - background: #0860F2; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; -} - -.photos-entry-tag:hover, -.documents-entry-tag:hover { - color: white; - background: #176bf7; -} - -.photos-entry-tag:active, -.documents-entry-tag:active { - color: white; - background: #0758de; -} - -.button.photos-entry-tag, -.documents-entry-tag.button { - box-shadow: none; - border: none; - background-color: transparent; -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { - background-image: none; - background-color: #f0f0f0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, -window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, -window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { - background-image: none; - background-color: white; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - border: none; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > separator, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, -window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, -window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, -window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { - background-image: image(#d6d6d6); - background-color: transparent; - border-right: none; -} - -.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { - border-radius: 12px; - box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); - background-color: rgba(0, 0, 0, 0.03); - border: none; -} - -.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { - background: none; - min-height: 0; -} - -list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { - border-bottom-left-radius: 12px; - border-bottom-right-radius: 12px; -} - -list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { - border-radius: 12px; -} - -hdyleaflet list > row.activatable, leaflet list > row.activatable { - margin: 2px 4px; - border-radius: 8px; - -gtk-outline-radius: 6px; -} - -hdyleaflet frame > border, leaflet frame > border { - border: none; -} - -hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; -} - -hdyleaflet frame.view list, leaflet frame.view list { - background: none; -} - -hdyleaflet frame.view list > separator, leaflet frame.view list > separator { - background: none; - min-height: 0; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -window.background.csd > hdyleaflet > box.vertical > stack.main-container { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: #ffffff; -} - -.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { - background: none; -} - -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -.tweak-categories { - background-image: none; - background-color: #f0f0f0; - border-radius: 0 0 0 12px; -} - -.tweak-categories > separator { - min-width: 0; - min-height: 0; - background: none; -} - -window.background.csd > stack { - border-radius: 0 0 12px 12px; -} - -window.background.csd > leaflet > stack.background, -window.background.csd > hdyleaflet > stack.background, -window.background.csd > box.horizontal > stack.background { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, -window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { - color: #242424; - background-image: none; - background-color: #d9d9d9; - border-color: rgba(0, 0, 0, 0.08); -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 13px; -} - -window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, -window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #f0f0f0; - border-bottom-left-radius: 13px; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { - background-color: transparent; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { - background: none; -} - -window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), -window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #ffffff; - border-radius: 0 0 12px 12px; -} - -window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; -} - -stack > grid.vertical > scrolledwindow { - border: none; - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical > scrolledwindow > viewport.frame list { - border-radius: 0 0 12px 12px; -} - -stack > grid.vertical scrolledwindow.frame.emptyGrid { - border: none; -} - -window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, -window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { - color: #575757; -} - -window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; -} - -window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: 13px; -} - -window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, -window.background.csd > overlay > leaflet > stack > frame > grid.vertical { - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { - background-color: white; - border-bottom-right-radius: 12px; -} - -window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, -window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { - padding: 2px; -} - -entry.contacts-postal-entry:focus { - box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(77, 142, 249, 0.75); -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { - border-top-color: rgba(77, 142, 249, 0.75); -} - -stack#titlebar_container.titlebar > stack > headerbar, -stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { - border-color: #ffffff; -} - -notebook.main-notebook > header.top { - margin-top: 0; -} - -notebook.main-notebook > header.top > tabs > tab:checked { - border-top-color: #ffffff; -} - -notebook.main-notebook > header.top > tabs > tab:first-child { - border-left-width: 0; -} - -notebook.main-notebook webkitwebview { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > overlay > stack.background { - border-radius: 0 0 12px 12px; -} - -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: 12px; -} - -#weather-page-content-view { - border-bottom-right-radius: 12px; - border-bottom-left-radius: 12px; -} - -window.background.csd.unified { - border-top-left-radius: 12px; - border-top-right-radius: 12px; -} - -window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { - margin: 0; - border-radius: 0; -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { - background: none; - border: none; -} - -.polari-room-list .sidebar { - background-color: rgba(240, 240, 240, 0.94); - border-bottom-left-radius: 12px; -} - -stack.view.polari-entry-area { - background-color: #f5f5f5; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-right-radius: 12px; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { - background-color: rgba(36, 36, 36, 0.15); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { - background-color: rgba(36, 36, 36, 0.25); - box-shadow: none; - background-image: none; -} - -stack.view.polari-entry-area:disabled { - background-image: image(#f5f5f5); -} - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; -} - -.atril-window .primary-toolbar toolbar { - background: none; -} - -#gf-bubble, #gf-bubble.solid, -#gf-osd-window, -#gf-osd-window.solid, -#gf-input-source-popup, -#gf-input-source-popup.solid, -#gf-candidate-popup, -#gf-candidate-popup.solid { - color: #ececec; - background-color: rgba(42, 42, 42, 0.9); - border: 1px solid rgba(22, 22, 22, 0.9); - border-radius: 2px; -} - -#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, -#gf-osd-window levelbar block.low, -#gf-osd-window levelbar block.high, -#gf-osd-window levelbar block.full, -#gf-input-source-popup levelbar block.low, -#gf-input-source-popup levelbar block.high, -#gf-input-source-popup levelbar block.full, -#gf-candidate-popup levelbar block.low, -#gf-candidate-popup levelbar block.high, -#gf-candidate-popup levelbar block.full { - background-color: #0860F2; - border-color: #0860F2; -} - -#gf-bubble levelbar block.empty, -#gf-osd-window levelbar block.empty, -#gf-input-source-popup levelbar block.empty, -#gf-candidate-popup levelbar block.empty { - background-color: rgba(29, 29, 29, 0.9); -} - -#gf-bubble levelbar trough, -#gf-osd-window levelbar trough, -#gf-input-source-popup levelbar trough, -#gf-candidate-popup levelbar trough { - background: none; -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; -} - -#gf-input-source:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -gf-candidate-box label { - padding: 3px; -} - -gf-candidate-box:hover, gf-candidate-box:selected { - color: white; - background-color: #0860F2; - border-radius: 2px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); - padding: 4px; - background-color: #ededed; -} - -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { - padding: 0; -} - -.sidebar-paned scrolledwindow { - border: none; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: none; - box-shadow: none; - background-color: transparent; -} - -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, -window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.csd > box.vertical > box.vertical > frame, -window.solid-csd > box.vertical > box.vertical > frame { - margin: -1px 0; - padding: 0; -} - -window.csd > box.vertical > box.vertical > frame > border, -window.solid-csd > box.vertical > box.vertical > frame > border { - border: none; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { - padding: 0; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; -} - -window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, -window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { - margin: 6px 0; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { - padding-top: 3px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { - padding-left: 4px; -} - -window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { - padding-right: 4px; -} - -window.background > grid.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical > box.vertical > widget button, -window.background > grid.vertical > box.vertical grid.math-buttons button { - font-weight: 700; -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.12); -} - -window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, -window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); - border-color: rgba(0, 0, 0, 0.12); -} - -headerbar.titlebar.incognito-mode entry { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { - color: inherit; -} - -headerbar.titlebar.incognito-mode entry:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -headerbar.titlebar.incognito-mode entry:disabled { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { - color: rgba(36, 36, 36, 0.75); -} - -.background headerbar entry.starred, .background headerbar entry.non-starred { - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { - color: inherit; -} - -.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -.background headerbar entry.starred > image.right { - color: #ccbb00; -} - -.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { - color: #FFEA00; -} - -popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { - background-color: transparent; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { - background-color: #f5f5f5; - color: rgba(36, 36, 36, 0.85); - border-radius: 6px; - border: 1px solid rgba(0, 0, 0, 0.12); - margin: 2px; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { - background-color: rgba(255, 255, 255, 0.35); - color: rgba(36, 36, 36, 0.85); - border-bottom: 1px dashed rgba(0, 0, 0, 0.05); - padding: 6px; -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { - color: #242424; - background-color: rgba(36, 36, 36, 0.05); -} - -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -flowboxchild.bookmark-tag-widget { - color: #f5f5f5; - font-weight: 500; -} - -flowboxchild.bookmark-tag-widget label { - margin-bottom: 2px; -} - -flowboxchild.bookmark-tag-widget-selected { - color: white; -} - -.background.csd.main-window .sidebar.rooms-sidebar { - border-bottom-left-radius: 12px; -} - -.documents-scrolledwin { - background-color: transparent; -} - -.documents-scrolledwin .content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin .content-view:hover { - background-color: rgba(36, 36, 36, 0.08); -} - -.documents-scrolledwin viewport.frame { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { - background-color: transparent; -} - -.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { - border: none; -} - -window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { - border-radius: 0 0 12px 12px; -} - -window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: 12px; -} - -window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.background.csd evview.view.content-view { - background-color: transparent; - border-radius: 0 0 12px 12px; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { - border-radius: 0 0 0 12px; - background-color: #f5f5f5; -} - -.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { - background-image: none; - background-color: #e0e0e0; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { - min-width: 240px; -} - -window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { - background-color: transparent; -} - -window.background.csd > box.vertical > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.background.csd > paned.titlebar { - background-color: #ffffff; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -window.background.csd > paned.titlebar > headerbar { - background: none; - box-shadow: none; -} - -window.background.csd > paned.titlebar > separator { - background: none; -} - -dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { - font-weight: 700; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { - border: none; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { - border-radius: 0 0 0 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { - border-radius: 0 0 12px 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { - border: 1px solid rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { - border-radius: 0 0 12px 12px; - background-color: #ffffff; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), -dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { - border-radius: 0 0 12px 12px; - border-width: 1px 0 0 0; -} - -dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { - border-radius: 0 0 12px 12px; -} - -dialog.background.csd > box.vertical.dialog-vbox separator.vertical { - background-color: rgba(0, 0, 0, 0.12); -} - -dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); -} - -dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { - padding: 3px 6px 6px; -} - -dialog.background.csd stack scrolledwindow.frame { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view { - border-radius: 12px; -} - -dialog.background.csd stack scrolledwindow.frame textview.view > text { - background: none; -} - -dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { - background: none; -} - -dialog.background.csd stack scrolledwindow viewport.frame.view { - border-radius: 12px; -} - -dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { - margin: 0 6px 6px; -} - -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid rgba(22, 22, 22, 0.9); -} - -MsdOsdWindow.background.osd .progressbar { - background-color: #0860F2; - border: none; - border-color: red; - border-radius: 5px; -} - -MsdOsdWindow.background.osd .trough { - background-color: rgba(29, 29, 29, 0.9); - border: none; - border-radius: 5px; -} - -.mate-panel-menu-bar, .mate-panel-menu-bar menubar, -panel-toplevel.background, -panel-toplevel.background menubar { - background-color: white; -} - -.mate-panel-menu-bar menubar, -.mate-panel-menu-bar #PanelApplet label, -.mate-panel-menu-bar #PanelApplet image, -panel-toplevel.background menubar, -panel-toplevel.background #PanelApplet label, -panel-toplevel.background #PanelApplet image { - color: white; -} - -.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, -.mate-panel-menu-bar #tasklist-button label, -.mate-panel-menu-bar #tasklist-button image, -panel-toplevel.background button label, -panel-toplevel.background button image, -panel-toplevel.background #tasklist-button label, -panel-toplevel.background #tasklist-button image { - color: inherit; -} - -.mate-panel-menu-bar .wnck-pager, -panel-toplevel.background .wnck-pager { - color: gray; - background-color: rgba(230, 230, 230, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:hover, -panel-toplevel.background .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.16); -} - -.mate-panel-menu-bar .wnck-pager:selected, -panel-toplevel.background .wnck-pager:selected { - color: #669efa; - background-color: #0860F2; -} - -.mate-panel-menu-bar na-tray-applet, -panel-toplevel.background na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; -} - -.caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, -.caja-side-pane > notebook > stack > widget > box { - color: #363636; - caret-color: #363636; - background-color: #f0f0f0; -} - -.caja-side-pane > box button:not(:active):not(:checked) { - color: #363636; -} - -.caja-side-pane .frame { - border-color: rgba(0, 0, 0, 0.12); -} - -.caja-side-pane junction { - background-color: rgba(227, 227, 227, 0.94); -} - -.caja-navigation-window .primary-toolbar { - background-color: #ffffff; -} - -.caja-navigation-window .caja-side-pane { - background-color: transparent; -} - -.caja-navigation-window .caja-side-pane .frame { - border-width: 1px 0 0; -} - -.caja-navigation-window paned > separator { - background-image: image(#d6d6d6); -} - -.caja-side-pane treeview.view, .caja-side-pane .view { - background: none; -} - -.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { - background-color: #0860F2; -} - -.caja-side-pane textview.view text { - background: none; -} - -.caja-side-pane scrollbar { - background: none; -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar entry:focus { - box-shadow: none; -} - -.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), -panel-toplevel.background button:not(#tasklist-button) { - color: white; - border-radius: 6px; - background: none; - border: none; -} - -.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), -panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), -panel-toplevel.background button:checked:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.25); -} - -.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, -panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, -panel-toplevel.background button:checked:not(#tasklist-button) image { - color: inherit; -} - -.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), -panel-toplevel.background button:active:not(#tasklist-button) { - color: white; - background-color: rgba(255, 255, 255, 0.3); -} - -.xfce4-panel.panel { - background-color: rgba(255, 255, 255, 0.16); - text-shadow: none; - -gtk-icon-shadow: none; - border: none; -} - -.XfceHeading { - border: 0 none transparent; - background-color: #f5f5f5; - color: #242424; -} - -.xfce4-panel { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; -} - -.xfce4-panel, -.xfce4-panel frame > border { - border: none; -} - -#XfcePanelWindow.xfce4-panel { - border: none; -} - -#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { - transition: none; -} - -.xfce4-panel button { - font-weight: 700; -} - -.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { - box-shadow: none; -} - -.xfce4-panel button#launcher-arrow + button.toggle:checked { - color: #0860F2; - box-shadow: none; -} - -.xfce4-panel button#xfce4-notification-plugin { - padding: 0 1px; -} - -.xfce4-panel menu { - font-weight: 400; - text-shadow: none; - -gtk-icon-effect: none; -} - -.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.xfce4-panel widget.tasklist > button.toggle { - font-weight: 400; -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: white; - text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); -} - -XfdesktopIconView.view:active, XfdesktopIconView.view:checked { - background-color: #0860F2; - color: white; - text-shadow: none; -} - -window#whiskermenu-window { - background-color: #f5f5f5; -} - -window#whiskermenu-window > frame > border { - border-radius: 0; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio { - padding: 2px 6px; - margin: 2px; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:hover { - background-color: rgba(0, 0, 0, 0.12); -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { - background-color: #0860F2; - color: white; -} - -window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { - background-image: none; -} - -window#whiskermenu-window scrolledwindow treeview.view:selected:hover { - background-color: rgba(0, 0, 0, 0.1); - color: #242424; -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: 12px; - background-color: rgba(240, 240, 240, 0.94); -} - -window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { - background-color: transparent; -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { - background-color: rgba(240, 240, 240, 0.94); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { - background-color: rgba(0, 0, 0, 0.08); -} - -window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.thunar > grid.horizontal > paned.horizontal > separator { - background-image: image(#d6d6d6); -} - -window.thunar toolbar#location-toolbar { - border-bottom: 1px solid #e0e0e0; -} - -window.thunar toolbar#location-toolbar button.path-bar-button, -window.thunar toolbar#location-toolbar button.flat { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - margin-left: 0; - margin-right: 0; - border-radius: 6px; - min-height: 28px; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:hover, -window.thunar toolbar#location-toolbar button.flat:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:active, -window.thunar toolbar#location-toolbar button.flat:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - background: none; - box-shadow: none; -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, -window.thunar toolbar#location-toolbar button.flat:disabled label, -window.thunar toolbar#location-toolbar label:disabled selection.flat label, -label:disabled window.thunar toolbar#location-toolbar selection.flat label, -window.thunar toolbar#location-toolbar button.flat:disabled, -window.thunar toolbar#location-toolbar label:disabled selection.flat, -label:disabled window.thunar toolbar#location-toolbar selection.flat { - color: rgba(87, 87, 87, 0.35); -} - -window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, -window.thunar toolbar#location-toolbar button.flat:disabled:active, -window.thunar toolbar#location-toolbar label:disabled selection.flat:active, -label:disabled window.thunar toolbar#location-toolbar selection.flat:active, -window.thunar toolbar#location-toolbar button.flat:disabled:checked, -window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, -label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { - color: rgba(87, 87, 87, 0.35); - background-color: transparent; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; -} - -window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; -} - -window.thunar toolbar#location-toolbar entry { - min-height: 22px; -} - -window.thunar notebook stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; -} - -window.thunar notebook header.top tab.reorderable-page > box > label { - min-height: 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { - padding: 3px 0; -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { - color: #242424; - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, -window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { - color: #242424; - background-color: rgba(36, 36, 36, 0.15); -} - -.geary-main-window.background.csd stack#conversation_viewer, -window#GearyMainWindow.background.csd stack#conversation_viewer { - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { - background-color: #ffffff; - border-bottom-right-radius: 12px; -} - -.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, -window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { - background-color: transparent; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { - background-color: #ffffff; -} - -.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, -window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { - border-color: #d6d6d6; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { - margin-left: -1px; - background: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { - margin: -8px -12px; - border: none; - background-color: #f0f0f0; - border-bottom-left-radius: 12px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { - background-color: #f0f0f0; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { - border: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { - background-color: #ffffff; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 6px; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { - border: none; - background-image: none; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { - background-color: rgba(36, 36, 36, 0.1); -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { - background-color: rgba(36, 36, 36, 0.15); - color: #242424; -} - -.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), -window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { - background: none; -} - -window.background:not(.csd) > widget > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > scrollbar { - background: none; - border: none; -} - -window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry, -window.background:not(.csd) > widget .entry { - border-radius: 6px; - background-image: image(#ffffff); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > entry:focus, -window.background:not(.csd) > widget .entry:focus { - border-color: #4d8ef9; - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -window.background:not(.csd) > widget > spinbutton { - background-image: image(white); - border: 1px solid rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > spinbutton:active { - background-image: image(#f5f5f5); -} - -window.background:not(.csd) > widget > spinbutton .entry { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -window.background:not(.csd) > widget > button { - padding-top: 3px; - padding-bottom: 3px; -} - -window.background:not(.csd) > widget > button > button { - outline-style: none; - border-radius: 6px; -} - -window.background:not(.csd) > widget > button > button:active { - border-radius: 6px; - border: none; - background-image: image(#f5f5f5); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.csd) > widget > button > button label { - padding: 4px 6px; -} - -window.background:not(.csd) > menu, -window.background:not(.csd) > menu > menu { - border-radius: 0; - background-color: rgba(255, 255, 255, 0.95); -} - -window.background:not(.csd) > menu > menuitem { - padding: 4px 6px; -} - -window.background:not(.csd) > menu > menuitem > label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -window.background:not(.csd) > menu > menuitem > radio, -window.background:not(.csd) > menu > menuitem > check { - padding: 0 2px 0 4px; -} - -window.background:not(.csd) > window > menu menuitem { - transition: none; -} - -#MozillaGtkWidget { - background-color: #f5f5f5; -} - -#MozillaGtkWidget .background, -#MozillaGtkWidget frame, -#MozillaGtkWidget separator, -#MozillaGtkWidget scrolledwindow { - background-color: #ffffff; -} - -#MozillaGtkWidget scrollbar { - background: none; - border: none; -} - -#MozillaGtkWidget scrollbar slider { - background-color: #979797; -} - -#MozillaGtkWidget scrollbar slider:hover { - background-color: #787878; -} - -#MozillaGtkWidget scrollbar slider:hover:active { - background-color: #585858; -} - -#MozillaGtkWidget scrollbar slider:disabled { - background-color: transparent; -} - -#MozillaGtkWidget > window.background > menu { - border: none; - background-color: rgba(255, 255, 255, 0.95); - border-radius: 2px; -} - -#MozillaGtkWidget > window.background > menu > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > frame > border { - border-color: #cfcfcf; -} - -#MozillaGtkWidget > widget text { - background-color: #f5f5f5; -} - -#MozillaGtkWidget > widget text:selected { - background-color: #0860F2; - color: white; -} - -#MozillaGtkWidget > widget separator { - background-color: rgba(0, 0, 0, 0.12); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview { - background-color: rgba(255, 255, 255, 0.95); -} - -#MozillaGtkWidget > widget > scrolledwindow > textview text { - background-color: transparent; - color: #363636; -} - -#MozillaGtkWidget menu { - border: none; -} - -window.background.chromium { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium headerbar.titlebar button.toggle { - border: none; - background-color: transparent; - background-image: none; -} - -window.background.chromium headerbar.titlebar button.toggle:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -window.background.chromium headerbar.titlebar button.titlebutton { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0 0; - background-size: auto; - color: transparent; -} - -window.background.chromium button { - border-width: 1px; - border-style: solid; - border-color: #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { - border-image: none; - border: 1px solid #d6d6d6; - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > textview.view, window.background.chromium textview { - background-color: #f5f5f5; - color: #363636; -} - -window.background.chromium > menubar { - background-color: #ffffff; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { - background-color: #ffffff; - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { - color: #575757; - border: none; - border-radius: 50px; - background-image: none; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { - background-color: white; - color: #646464; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { - background-color: rgba(255, 0, 0, 0.65); - color: white; -} - -window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { - color: rgba(87, 87, 87, 0.6); -} - -window.background:not(.solid-csd) > notebook:not(.frame) { - border: 0 none transparent; - background-color: #ffffff; -} - -window.background:not(.solid-csd) > notebook:not(.frame) > stack { - border: none; - box-shadow: none; -} - -widget > box.terminal-titlebar { - padding: 0 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { - padding-right: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { - padding-left: 6px; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - border-radius: 0; -} - -widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { - background-color: rgba(36, 36, 36, 0.05); - color: #242424; -} - -widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -list.tilix-session-sidebar { - background-image: image(rgba(240, 240, 240, 0.94)); -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: #f8464c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - color: white; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { - background-color: #fa777c; -} - -list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { - background-image: image(#f6151c); -} - -window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { - border-bottom-right-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { - border-bottom-left-radius: 12px; -} - -window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { - border-bottom-right-radius: 12px; -} - -toolbar#SubToolBox { - min-height: 36px; -} - -toolbar#SubToolBox entry, toolbar#SubToolBox button { - margin-top: 6px; - margin-bottom: 6px; -} - -toolbar#SubToolBox > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; -} - -widget#ToolboxCommon button.flat:active { - background-color: rgba(36, 36, 36, 0.25); -} - -widget#ToolboxCommon button.flat:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -widget#ToolboxCommon > toolbar > toolbutton > button.flat { - margin-top: 2px; - margin-bottom: 2px; -} - -box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { - margin-top: 6px; - margin-bottom: 6px; -} - -window > box.vertical > box.horizontal > toolbar { - background-color: transparent; - box-shadow: none; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box label, -window > box.vertical > box.horizontal > toolbar toolitem > box entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; -} - -window > box.vertical > box.horizontal > toolbar toolitem > box > label { - color: #242424; -} - -window > box.vertical > box.horizontal > widget { - background-color: transparent; -} - -window#ValaPanel.background widget.-vala-panel-background > separator { - background: none; -} - -button.flat.-panel-button:hover, -button#tasklist-button.toggle.flat:hover, -button.flat.-panel-icon-button:hover { - box-shadow: inset 0 -2px rgba(8, 96, 242, 0.5); - background: none; -} - -button.flat.-panel-button:active, button.flat.-panel-button:checked, -button#tasklist-button.toggle.flat:active, -button#tasklist-button.toggle.flat:checked, -button.flat.-panel-icon-button:active, -button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #f2f2f2; - background: none; -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; -} - -.unpinned button.flat.-panel-icon-button:hover { - -gtk-icon-effect: highlight; -} - -.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { - box-shadow: inset 0 -2px #0860F2; - color: #f2f2f2; -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; -} - -.pinned button.flat.-panel-icon-button.running > image { - background-position: bottom center; -} - -.pinned button.flat.-panel-icon-button.running:hover { - -gtk-icon-effect: highlight; -} - -.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { - box-shadow: inset 0 -2px #0860F2; - color: #f2f2f2; -} - -menubar.-vala-panel-appmenu-private, -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; -} - -menubar.-vala-panel-appmenu-private > menuitem, -menubar.-vala-panel-background > menuitem { - color: white; - font-weight: normal; -} - -menubar.-vala-panel-appmenu-private > menuitem:hover, -menubar.-vala-panel-background > menuitem:hover { - color: white; - background-color: rgba(255, 255, 255, 0.2); -} - -menubar.-vala-panel-appmenu-private > menuitem:disabled, -menubar.-vala-panel-background > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { - background-color: transparent; - background-image: image(rgba(255, 255, 255, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: white; -} - -.menubar.panel .panel.maximized { - background-color: rgba(255, 255, 255, 0.2); - background-image: none; - border: none; -} - -.menubar.panel .panel.translucent { - background-color: rgba(255, 255, 255, 0.1); - background-image: none; - border: none; -} - -.menubar.panel .panel menubar { - background: none; - box-shadow: none; - border: none; -} - -.menubar.panel popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid rgba(0, 0, 0, 0.35); - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); -} - -.menubar.panel popover button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.menubar.panel popover button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.menubar.panel popover button:active label { - color: white; -} - -.menubar.panel popover button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.menubar.panel popover button:checked label { - color: white; -} - -.menubar.panel popover button:disabled { - background-color: transparent; -} - -.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { - border-color: transparent; -} - -.menubar.panel popover .linked > button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -.menubar.panel popover .linked > button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.menubar.panel popover list { - background-color: transparent; -} - -.menubar.panel popover separator.horizontal { - margin: 0 -4px; -} - -.menubar.panel popover separator.vertical { - background: none; -} - -.menubar.panel popover .sidebar { - border-style: none; - background: none; -} - -.menubar.panel popover .sidebar .view { - background: none; -} - -.menubar.panel popover .sidebar .view:hover { - border-radius: 6px; - background-color: rgba(0, 0, 0, 0.1); -} - -.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { - text-shadow: none; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - background-color: rgba(0, 0, 0, 0.65); - border-radius: 6px; -} - -.composited-indicator { - padding: 0 6px; -} - -.composited-indicator > revealer label, -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - color: white; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; -} - -.composited-indicator > revealer image, -.composited-indicator > revealer spinner { - padding: 3px 0; -} - -.composited-indicator > revealer label { - padding: 3px 6px; -} - -.composited-indicator .keyboard { - background-color: white; - border-radius: 2px; - color: rgba(255, 255, 255, 0.16); - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; -} - -button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { - color: #0860F2; -} - -.circular label:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.circular.accent { - color: white; - background-color: #0860F2; -} - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: white; - background-color: #0860F2; - outline-color: transparent; -} - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; -} - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - color: #575757; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px transparent; -} - -.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; -} - -.marlin-pathbar.pathbar:focus { - background-image: none; - background-color: rgba(0, 0, 0, 0.05); - box-shadow: inset 0 0 0 2px rgba(77, 142, 249, 0.75); -} - -.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { - color: rgba(87, 87, 87, 0.35); - background-color: rgba(0, 0, 0, 0.02); -} - -window.background.csd > paned.horizontal > separator:dir(ltr) { - margin-left: -1px; -} - -window.background.csd > paned.horizontal > separator:dir(rtl) { - margin-right: -1px; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { - border-right: 1px solid #d6d6d6; - color: #363636; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid #e0e0e0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { - border-bottom-left-radius: 12px; - background: none; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { - background-color: rgba(0, 0, 0, 0.05); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { - color: #242424; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { - color: #363636; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { - color: white; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { - color: rgba(54, 54, 54, 0.45); -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { - color: #242424; - background-color: rgba(0, 0, 0, 0.12); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { - color: white; - background-color: rgba(0, 0, 0, 0.2); - border-radius: 6px; - border-width: 0; -} - -window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { - border-bottom-left-radius: 12px; -} - -.dynamic-notebook > notebook > stack { - border-bottom-right-radius: 12px; - background-color: #ffffff; -} - -.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { - background-color: transparent; -} - -.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), -.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { - background: none; -} - -.dynamic-notebook > notebook > stack treeview.view:hover, -.dynamic-notebook > notebook > stack iconview.view:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.dynamic-notebook > notebook > stack treeview.view:selected, -.dynamic-notebook > notebook > stack iconview.view:selected { - color: #242424; - background-color: rgba(0, 0, 0, 0.1); -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry { - border-image-width: 0; - background-color: #f5f5f5; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { - background-color: #ffffff; -} - -.dynamic-notebook > notebook treeview.view > frame.cell > border { - border: none; -} - -headerbar.titlebar > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - border-width: 1px; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { - background-clip: padding-box; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { - color: rgba(87, 87, 87, 0.6); -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { - opacity: 0.7; - background-image: none; -} - -headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { - margin-right: -6px; -} - -headerbar.titlebar > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { - margin-top: 0; - margin-bottom: 0; -} - -headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { - transition: 150ms ease-out; - background-image: none; - background-color: white; -} - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.08); - border-radius: 12px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); - background-color: transparent; -} - -.gala-notification .title, .gala-notification .label { - color: #dadada; -} - -actionbar.inline-toolbar { - border: none; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -actionbar.inline-toolbar button { - border-radius: 6px; -} - -actionbar.inline-toolbar button:first-child { - border-right-style: solid; -} - -actionbar.inline-toolbar button:last-child { - border-left-style: solid; -} - -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, #3484e2, #f8464c); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); -} - -.terminal-window headerbar.titlebar.default-decoration { - background-color: #ffffff; - border-bottom: 1px solid #e0e0e0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); -} - -.terminal-window headerbar.titlebar.default-decoration:backdrop { - transition: 150ms ease-out; - color: rgba(87, 87, 87, 0.7); - background-image: none; - background-color: white; - border-color: white; -} - -.terminal-window .search-bar { - background-color: #f5f5f5; - border-bottom: 1px solid #d6d6d6; -} - -.terminal-window .dynamic-notebook notebook > header { - border-color: #d6d6d6; -} - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #0860F2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; -} - -UnityDecoration.background { - border-radius: 12px; - background-color: transparent; -} - -UnityDecoration .top { - border: 1px solid rgba(0, 0, 0, 0.12); - border-bottom-width: 0; - border-radius: 12px 12px 0 0; - padding: 1px 6px 0 6px; - background-color: #ffffff; - color: #575757; - box-shadow: inset 0 1px white; -} - -UnityDecoration .top:backdrop { - border-bottom-width: 0; - color: rgba(87, 87, 87, 0.7); -} - -UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, -UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: rgba(0, 0, 0, 0.12); -} - -UnityPanelWidget, -.unity-panel { - background-color: rgba(255, 255, 255, 0.95); - color: white; - box-shadow: none; -} - -UnityPanelWidget:backdrop, -.unity-panel:backdrop { - color: white; -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: white; - background-image: linear-gradient(to bottom, #0860F2, #0860F2); - border-bottom: none; -} - -.lightdm.menu { - background-image: none; - background-color: rgba(0, 0, 0, 0.4); - border-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: white; - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: rgba(255, 255, 255, 0.8); - background-image: none; - background-color: rgba(0, 0, 0, 0.5); -} - -.lightdm.menubar > .menuitem { - padding: 2px 6px; -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: rgba(0, 0, 0, 0.3); - border-color: rgba(255, 255, 255, 0.4); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: rgba(255, 255, 255, 0.1); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: rgba(255, 255, 255, 0.8); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; -} - -.lightdm.toggle-button.selected { - background-color: rgba(0, 0, 0, 0.7); - border-width: 1px; -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} - -.overlay-bar { - background-color: #0860F2; - border-color: #0860F2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; -} - -.overlay-bar label { - color: white; -} - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -toolbar.secondary-toolbar button { - padding: 0 3px 0 3px; -} - -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f5f5f5; -} - -toolbar.bottom-toolbar button { - padding: 2px 3px 2px 3px; -} - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: #f5f5f5; - color: #242424; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: white; -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: white; - background-color: #0860F2; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #f5f5f5; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #0860F2; - color: white; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: white; - color: #0860F2; -} - -.source-list.category-expander { - color: #242424; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -GraniteWidgetsWelcome { - background-color: #ffffff; -} - -GraniteWidgetsWelcome label { - color: #8d8d8d; - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(36, 36, 36, 0.8); -} - -.help_button { - border-radius: 0; -} - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; -} - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -GraniteWidgetsXsEntry entry { - padding: 4px; -} - -.h1 { - font-size: 24px; -} - -.h2 { - font-size: 18px; -} - -.h3 { - font-size: 11px; -} - -.h4, -.category-label { - color: #6f6f6f; - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4 { - padding-left: 6px; -} - -#panel_window { - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: bold; - box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); -} - -#panel_window menubar { - padding-left: 5px; -} - -#panel_window menubar, #panel_window menubar > menuitem { - background-color: transparent; - color: white; - font-weight: bold; -} - -#panel_window menubar menuitem:disabled { - color: rgba(255, 255, 255, 0.5); -} - -#panel_window menubar menuitem:disabled label { - color: inherit; -} - -#panel_window menubar menu > menuitem { - font-weight: normal; -} - -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: #242424; -} - -#content_frame { - padding-bottom: 14px; - background-color: #f5f5f5; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - color: #242424; - border-color: rgba(0, 0, 0, 0.12); - background-color: white; - box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); -} - -#content_frame button:hover { - color: #0b0b0b; - border-color: rgba(0, 0, 0, 0.12); - background-color: #f7f7f7; - box-shadow: none; -} - -#content_frame button:active, #content_frame button:checked { - color: white; - background-color: #0860F2; - border-color: #0860F2; - box-shadow: none; -} - -#content_frame button:disabled { - border-color: rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.55); - box-shadow: none; -} - -#content_frame button:disabled label, #content_frame button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: rgba(42, 42, 42, 0.9); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid rgba(0, 0, 0, 0.1); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px #e3e3e3; -} - -#buttonbox_frame button { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.96); - box-shadow: none; -} - -#buttonbox_frame button:hover { - color: #dadada; - border-color: rgba(0, 0, 0, 0.08); - background-color: #747474; - box-shadow: none; -} - -#buttonbox_frame button:active, #buttonbox_frame button:checked { - color: white; - border-color: #0860F2; - background-color: #0860F2; - background-image: none; - box-shadow: none; -} - -#buttonbox_frame button:disabled { - color: #5f5f5f; - border-color: rgba(0, 0, 0, 0.08); - background-color: rgba(98, 98, 98, 0.81); - box-shadow: none; -} - -#login_window #user_combobox { - color: #242424; - font-size: 13px; -} - -#login_window #user_combobox menu { - font-weight: normal; -} - -#user_image { - padding: 3px; - border-radius: 2px; -} - -#shutdown_button.button { - background-clip: border-box; - color: green; - background-color: #f8464c; - border-color: #f7292f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:hover { - background-clip: border-box; - color: green; - background-color: #fa777c; - border-color: #f95a5f; - background-image: none; - box-shadow: none; -} - -#shutdown_button.button:active, #shutdown_button.button:checked { - background-clip: border-box; - color: green; - background-color: #f6151c; - border-color: #e40910; - background-image: none; - box-shadow: none; -} - -#restart_button.button { - background-clip: border-box; - color: green; - background-color: #3484e2; - border-color: #1f74d8; - background-image: none; - box-shadow: none; -} - -#restart_button.button:hover { - background-clip: border-box; - color: green; - background-color: #619fe8; - border-color: #468fe5; - background-image: none; - box-shadow: none; -} - -#restart_button.button:active, #restart_button.button:checked { - background-clip: border-box; - color: green; - background-color: #1c6bc7; - border-color: #195cac; - background-image: none; - box-shadow: none; -} - -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} - -/****************** - * Budgie Desktop * - ******************/ -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { - border-radius: 0 0 9px 0; - border-right-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { - border-radius: 0 0 0 9px; - border-left-style: none; - border-bottom-style: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { - border-radius: 0 0 10px 10px; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; -} - -.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.65); -} - -.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - background-color: transparent; -} - -.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { - color: rgba(36, 36, 36, 0.45); -} - -.raven stackswitcher.linked > button, .raven button { - color: #575757; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:hover, .raven button:hover { - color: #525252; - background-color: rgba(87, 87, 87, 0.1); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:active, .raven button:active { - color: #575757; - background-color: rgba(87, 87, 87, 0.25); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:checked, .raven button:checked { - color: #575757; - background-color: rgba(87, 87, 87, 0.12); - background-image: none; - box-shadow: none; -} - -.raven stackswitcher.linked > button:disabled, .raven button:disabled { - background: none; - box-shadow: none; -} - -.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { - color: rgba(87, 87, 87, 0.35); -} - -.raven stackswitcher.linked > button.linked, .raven button.linked { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - background-color: rgba(255, 255, 255, 0.95); -} - -.raven button.linked:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven button.linked:active, .raven button.linked:checked { - color: white; - background-color: #0860F2; -} - -.raven button.linked:disabled, label:disabled selection.linked { - background-color: transparent; -} - -.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-container { - background-color: transparent; -} - -.budgie-settings-window buttonbox.inline-toolbar { - border-style: none none solid; -} - -.budgie-settings-window buttonbox.inline-toolbar button { - border-radius: 6px; - -gtk-outline-radius: 6px; -} - -.budgie-settings-window list.sidebar { - background-color: #ffffff; - border-radius: 0 0 0 12px; - border-color: #d6d6d6; -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: rgba(0, 0, 0, 0.12); - border-radius: 12px; - background-color: rgba(245, 245, 245, 0.95); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); -} - -.budgie-popover .container { - padding: 0; - border: none; -} - -.budgie-popover border { - border: none; -} - -.budgie-popover list { - background-color: transparent; -} - -.budgie-popover list.content-box row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; -} - -.budgie-popover switch { - margin-left: 56px; - margin-right: 6px; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { - min-height: 28px; - padding: 0 8px; - color: #242424; - font-weight: normal; -} - -.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-popover treeview.view.sidebar, -.budgie-popover scrolledwindow.sidebar { - background: none; - border-right: none; - color: #242424; -} - -.budgie-popover treeview.view.sidebar label, -.budgie-popover scrolledwindow.sidebar label { - padding: 3px 8px; -} - -.budgie-popover treeview.view.sidebar:hover, -.budgie-popover scrolledwindow.sidebar:hover { - background-color: rgba(36, 36, 36, 0.05); -} - -.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, -.budgie-popover scrolledwindow.sidebar:selected, -.budgie-popover scrolledwindow.sidebar:selected:hover { - color: white; - background-color: #0860F2; -} - -.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.budgie-menu .container { - padding: 0; -} - -.budgie-popover.user-menu .container { - padding: 8px; -} - -.budgie-popover.user-menu separator { - margin: 4px 0; -} - -.budgie-popover.sound-popover separator { - margin: 3px 0; -} - -.budgie-popover.caffeine-popover .container { - padding: 8px; -} - -.budgie-popover.night-light-indicator .container { - padding: 6px; -} - -.budgie-popover.places-menu .container { - padding: 6px; -} - -.budgie-popover.places-menu .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-popover.places-menu .alternative-label { - padding: 3px; - font-size: 15px; -} - -.budgie-popover.workspace-popover .container { - padding: 2px 8px 8px; -} - -.budgie-popover.workspace-popover separator { - margin: 4px 0; -} - -.budgie-popover.workspace-popover flowboxchild { - padding: 0; -} - -window.budgie-popover:not(.csd) > frame.container { - margin: 0 -1px -1px; -} - -.bottom window.budgie-popover:not(.csd) > frame.container { - padding: 2px 0 2px; -} - -window.budgie-popover:not(.csd) > frame.container, -window.budgie-popover:not(.csd) > frame.container > border { - border-style: none; -} - -.workspace-switcher .workspace-layout { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { - border-left-width: 1px; -} - -.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { - border-right-width: 1px; -} - -.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { - border-top-width: 1px; -} - -.workspace-switcher .workspace-item, -.workspace-switcher .workspace-add-button { - border: 0 solid rgba(0, 0, 0, 0.12); -} - -.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { - border-right-width: 1px; -} - -.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { - border-left-width: 1px; -} - -.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { - border-bottom-width: 1px; -} - -.workspace-switcher .workspace-item { - transition: all 100ms cubic-bezier(0, 0, 0.2, 1); -} - -.workspace-switcher .workspace-item.current-workspace { - background-color: rgba(0, 0, 0, 0.12); -} - -.workspace-switcher .workspace-add-button { - background-color: transparent; - background-image: none; -} - -.workspace-switcher .workspace-add-button:hover { - box-shadow: none; -} - -.workspace-switcher .workspace-add-button:active { - background-image: none; -} - -.workspace-switcher .workspace-add-button:active image { - margin: 1px 0 -1px; -} - -.budgie-panel .workspace-switcher .workspace-icon-button { - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: 6px; -} - -.budgie-menu.background { - padding: 0; - background-color: #ffffff; -} - -.budgie-menu scrollbar, -.budgie-menu entry.search { - background-color: transparent; -} - -.budgie-menu entry.search { - padding: 5px 10px; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 0; - box-shadow: none; - font-size: 110%; -} - -.budgie-menu .categories:dir(ltr) { - border-bottom-left-radius: 6px; -} - -.budgie-menu .categories:dir(rtl) { - border-bottom-right-radius: 6px; -} - -.budgie-menu button { - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: #242424; - font-weight: normal; - border: none; - box-shadow: none; -} - -.budgie-menu button:hover { - transition: none; -} - -.budgie-menu button:disabled { - color: rgba(36, 36, 36, 0.45); -} - -.budgie-menu button:checked:hover { - background-image: none; - background-color: #1c6ff7; -} - -.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { - background-color: rgba(8, 96, 242, 0.5); -} - -.budgie-menu row { - padding: 0; -} - -.budgie-menu row:hover { - box-shadow: none; -} - -popover.background.user-menu { - padding: 8px; -} - -popover.background.user-menu .content-box { - background-color: transparent; -} - -popover.background.user-menu separator { - margin: 4px 0; -} - -popover.background.user-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -popover.background.places-menu { - padding: 8px; -} - -popover.background.places-menu .name-button.text-button { - padding-left: 8px; - padding-right: 8px; -} - -popover.background.places-menu .name-button.text-button image:dir(ltr) { - margin-right: 3px; -} - -popover.background.places-menu .name-button.text-button image:dir(rtl) { - margin-left: 3px; -} - -popover.background.places-menu .places-section-header > image:dir(ltr) { - margin: 0 -2px 0 5px; -} - -popover.background.places-menu .places-section-header > image:dir(rtl) { - margin: 0 5px 0 -2px; -} - -popover.background.places-menu .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.12); - background-color: transparent; -} - -popover.background.places-menu row { - padding: 0; - box-shadow: none; - background-image: none; -} - -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.16); - color: white; - font-weight: 500; - border-width: 0; -} - -.budgie-panel.transparent { - background-color: rgba(255, 255, 255, 0.1); - border-width: 0; -} - -.bottom .budgie-panel { - border-radius: 12px 12px 0 0; -} - -.bottom .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.left .budgie-panel { - border-radius: 0 12px 12px 0; -} - -.left .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.right .budgie-panel { - border-radius: 12px 0 0 12px; -} - -.right .budgie-panel.dock-mode { - border-radius: 0 0 0 0; -} - -.budgie-panel button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba(255, 255, 255, 0.85); - background: none; -} - -.budgie-panel button:hover { - background-color: rgba(255, 255, 255, 0.1); - color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.budgie-panel button:active { - background-color: rgba(255, 255, 255, 0.15); - color: white; - background-image: none; -} - -.budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); - color: white; -} - -.budgie-panel.horizontal button { - padding: 0 4px; -} - -.budgie-panel.vertical button { - padding: 4px 0; -} - -.budgie-panel separator { - background-color: rgba(0, 0, 0, 0.12); -} - -.budgie-panel menubar, -.budgie-panel .menubar { - box-shadow: none; - color: white; - background-image: none; - background-color: transparent; -} - -.budgie-panel menubar > menuitem, -.budgie-panel .menubar > menuitem { - border: none; - background-image: none; - font-weight: normal; -} - -.budgie-panel menubar > menuitem:hover, -.budgie-panel .menubar > menuitem:hover { - background-color: #0860F2; -} - -.budgie-panel menubar > menuitem:disabled, -.budgie-panel .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.4); -} - -.budgie-panel menubar > menuitem.budgie-menubar:hover, -.budgie-panel .menubar > menuitem.budgie-menubar:hover { - background-color: rgba(255, 255, 255, 0.1); -} - -.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { - font-weight: normal; -} - -.budgie-panel .alert { - color: #f8464c; -} - -.budgie-panel.vertical #tasklist-button { - min-height: 32px; -} - -.budgie-panel button.flat.launcher { - padding: 0; -} - -.budgie-panel button.flat.launcher:not(:checked) { - color: #242424; -} - -.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(36, 36, 36, 0.8); -} - -.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { - color: rgba(36, 36, 36, 0.5); -} - -.budgie-panel button.flat.launcher:active { - background-color: rgba(36, 36, 36, 0.2); -} - -.budgie-panel button.flat.launcher:checked { - background-color: rgba(36, 36, 36, 0.15); -} - -.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(1px), #4d8ef9 100%, transparent 0%) 3 0 0 0/3px 0 0 0; -} - -.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4d8ef9 100%, transparent 0%) 0 0 3 0/0 0 3px 0; -} - -.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(1px) center, #4d8ef9 100%, transparent 0%) 0 0 0 3/0 0 0 3px; -} - -.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 0%, transparent 0%) 0 0 0 0/0 0 0 0; -} - -.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { - border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #4d8ef9 100%, transparent 0%) 0 3 0 0/0 3px 0 0; -} - -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: #242424; -} - -#tasklist-button:active { - background-color: rgba(36, 36, 36, 0.15); - color: #171717; -} - -#tasklist-button:checked { - background-color: rgba(36, 36, 36, 0.12); - color: #171717; -} - - -button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; -} - - -button.flat.launcher > image { - opacity: 0.87; -} - - -button.flat.launcher:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:hover > image { - opacity: 1.0; -} - - -button.flat.launcher:active > image { - opacity: 1.0; -} - - -button.flat.launcher:checked:hover { - -gtk-icon-effect: highlight; -} - - -button.flat.launcher:checked > image { - opacity: 1.0; -} - - -.unpinned button.flat.launcher:hover, -.pinned button.flat.launcher.running:hover, -.pinned button.launcher.running.sidebar-button:hover { - -gtk-icon-effect: highlight; -} - - -.unpinned button.flat.launcher > image, -.pinned button.flat.launcher.running > image, -.pinned button.launcher.running.sidebar-button > image { - background-repeat: no-repeat; - opacity: 1.0; -} - - -.unpinned button.flat.launcher:checked > image, -.pinned button.flat.launcher.running:checked > image, -.pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.top .budgie-panel .unpinned button.flat.launcher > image, -.top .budgie-panel .pinned button.flat.launcher.running > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: top center; - background-image: image(#0860F2); -} - -.top .budgie-panel .unpinned button.flat.launcher:checked > image, -.top .budgie-panel .pinned button.flat.launcher.running:checked > image, -.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.bottom .budgie-panel .unpinned button.flat.launcher > image, -.bottom .budgie-panel .pinned button.flat.launcher.running > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 6px 3px; - background-position: bottom center; - background-image: image(#0860F2); -} - -.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, -.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, -.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.left .budgie-panel .unpinned button.flat.launcher > image, -.left .budgie-panel .pinned button.flat.launcher.running > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: left center; - background-image: image(#0860F2); -} - -.left .budgie-panel .unpinned button.flat.launcher:checked > image, -.left .budgie-panel .pinned button.flat.launcher.running:checked > image, -.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -.right .budgie-panel .unpinned button.flat.launcher > image, -.right .budgie-panel .pinned button.flat.launcher.running > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { - background-size: 3px 6px; - background-position: right center; - background-image: image(#0860F2); -} - -.right .budgie-panel .unpinned button.flat.launcher:checked > image, -.right .budgie-panel .pinned button.flat.launcher.running:checked > image, -.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { - background-image: none; -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { - border-image: none; -} - -frame.raven-frame > border { - border-style: none; -} - -.top .shadow-block { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.bottom .shadow-block { - background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.left .shadow-block { - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.right .shadow-block { - background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); -} - -.raven { - background-color: rgba(222, 222, 222, 0.85); - color: #363636; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); -} - -.raven > box { - margin-bottom: -10px; -} - -.raven > stack { - margin-bottom: -10px; -} - -.raven stackswitcher { - padding: 0 8px 12px 8px; -} - -.raven .raven-header { - min-height: 36px; - padding: 2px; -} - -.raven .raven-header:not(.top) { - margin-top: -6px; -} - -.raven .raven-header:not(.top) button { - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; -} - -.raven .raven-header:not(.top) button.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-header.top { - padding: 2px 12px 8px; - color: #363636; - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven .raven-header.top > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba(36, 36, 36, 0.05); - border-radius: 8px; -} - -.raven .raven-header.top > stackswitcher.linked > button { - border-radius: 6px; - margin: 0; - padding: 0 20px; - min-height: 20px; -} - -.raven .raven-header.top > stackswitcher.linked > button:hover { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { - background-color: white; -} - -.raven .raven-header.top > stackswitcher.linked > button:checked { - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); -} - -.raven .raven-header.top button.image-button:dir(ltr) { - margin-right: 2px; -} - -.raven .raven-header.top button.image-button:dir(rtl) { - margin-left: 2px; -} - -.raven .raven-header.top > image { - margin: 0 8px; -} - -.raven .raven-header.top > label { - margin: 0 -8px; - font-weight: bold; -} - -.raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven scrolledwindow > .frame { - padding: 0 8px; - transition-duration: 0s; - border: none; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical { - margin: 8px 0; - border-radius: 10px; - background-color: #efefef; - transition-duration: 0s; - border: 1px solid rgba(0, 0, 0, 0.1); -} - -.raven scrolledwindow > .frame .raven-header { - margin-top: -16px; - border-radius: 10px 10px 0 0; -} - -.raven scrolledwindow > .frame .raven-background { - margin-bottom: -16px; - border-radius: 0 0 10px 10px; - background-color: #f5f5f5; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { - border-radius: 10px; - border: none; - background-color: rgba(0, 0, 0, 0.65); - color: rgba(255, 255, 255, 0.65); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { - background-color: rgba(0, 0, 0, 0.25); - margin-bottom: 0; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { - color: rgba(255, 255, 255, 0.15); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { - background-color: rgba(0, 0, 0, 0.35); - color: white; - border-radius: 0 0 10px 10px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { - min-height: 24px; -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { - color: rgba(255, 255, 255, 0.85); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { - color: rgba(255, 255, 255, 0.35); -} - -.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { - padding: 8px; - border: none; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { - padding: 0; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { - padding-top: 8px; - padding-bottom: 8px; - border-top: 1px solid rgba(0, 0, 0, 0.08); - background-color: rgba(255, 255, 255, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { - background-color: rgba(242, 242, 242, 0.95); -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { - color: white; - background-color: #0860F2; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - background-color: transparent; -} - -.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { - color: rgba(36, 36, 36, 0.45); -} - -.raven viewport.frame .raven-header { - margin-top: -8px; -} - -.raven .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; -} - -.raven .raven-background.middle { - border-bottom-style: none; -} - -.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { - color: #101010; -} - -.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { - color: rgba(54, 54, 54, 0.45); -} - -.raven .raven-background list { - color: #363636; - background-color: #f5f5f5; -} - -.raven .raven-background.frame { - border-style: solid none; - border-width: 1px; - border-color: rgba(0, 0, 0, 0.12); -} - -.raven .raven-background > overlay > widget > image { - color: rgba(54, 54, 54, 0.12); -} - -.raven .raven-background grid > label:first-child { - min-height: 26px; -} - -.raven scrolledwindow.raven-background { - border-bottom-style: none; -} - -.raven .raven-header.top + .raven-background { - border-style: none; - background-color: #0860F2; - color: white; -} - -.raven .raven-header.top + .raven-background stackswitcher button { - margin: -4px 0; -} - -.raven .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; -} - -.raven .option-subtitle { - font-size: smaller; -} - -.raven box.vertical > stack > box.vertical > .raven-header { - background-color: #efefef; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { - background-color: #f5f5f5; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { - color: #363636; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { - padding-left: 8px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { - margin: 8px; - padding: 2px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { - border-radius: 0; - border-top: 1px solid rgba(0, 0, 0, 0.12); - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(54, 54, 54, 0.06); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { - padding: 0 16px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { - min-height: 24px; - min-width: 24px; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { - padding: 0; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.75); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { - color: white; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { - border: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { - background-color: rgba(255, 255, 255, 0.25); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { - background-color: rgba(255, 255, 255, 0.35); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { - border: 1px solid rgba(255, 255, 255, 0.12); - background: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { - border-bottom: none; -} - -.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { - background-color: rgba(8, 96, 242, 0.65); -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(36, 36, 36, 0.06); - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #242424; -} - -.raven .audio-widget list.devices-list.sound-devices > row.activatable label { - padding-left: 12px; -} - -box.audio-widget scale.horizontal.marks-after, -window.sound-popover.background scale.horizontal.marks-after { - padding-top: 0; - padding-bottom: 0; -} - -box.audio-widget scale.horizontal.marks-after trough, -window.sound-popover.background scale.horizontal.marks-after trough { - background-color: transparent; -} - -box.audio-widget scale.horizontal.marks-after trough:dir(ltr), -window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { - background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after trough:dir(rtl), -window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { - background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); -} - -box.audio-widget scale.horizontal.marks-after mark label, -window.sound-popover.background scale.horizontal.marks-after mark label { - font-size: 0; -} - -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: #363636; -} - -calendar.raven-calendar:selected { - border-radius: 3px; - background-color: #0860F2; - color: white; -} - -calendar.raven-calendar.button { - color: rgba(54, 54, 54, 0.45); -} - -calendar.raven-calendar.button:hover { - color: #363636; -} - -calendar.raven-calendar.button:disabled, label:disabled selection.button { - color: rgba(54, 54, 54, 0.25); -} - -calendar.raven-calendar:indeterminate { - color: alpha(#363636,0.35); -} - -calendar.raven-calendar.highlight { - color: #363636; -} - -.budgie-switcher-window, .budgie-osd-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: 12px; -} - -.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, -.budgie-notification-window button.image-button { - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; -} - -.budgie-switcher, -.budgie-notification { - background-color: transparent; - background-image: none; -} - -.budgie-switcher .notification-title, -.budgie-notification .notification-title { - font-size: 120%; -} - -.budgie-osd { - background-color: transparent; - background-image: none; -} - -.budgie-osd .budgie-osd-text { - font-size: 120%; -} - -window.budgie-switcher-window { - border-radius: 12px; - background-color: transparent; - background-image: none; -} - -window.budgie-switcher-window flowboxchild { - margin: 2px; - border-radius: 12px; - -gtk-outline-radius: 12px; - background-image: none; -} - -window.budgie-switcher-window .drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: 12px; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - background-color: rgba(255, 255, 255, 0.95); - background-image: none; -} - -.drop-shadow .linked > button { - border-radius: 6px; -} - -.budgie-run-dialog, .budgie-session-dialog, -.budgie-polkit-dialog { - border-radius: 12px; - background-color: #f5f5f5; -} - -.background.budgie-run-dialog, .background.budgie-session-dialog, -.background.budgie-polkit-dialog { - border-radius: 12px; -} - -.budgie-run-dialog decoration, .budgie-session-dialog decoration, -.budgie-polkit-dialog decoration { - border-radius: 12px; -} - -.budgie-session-dialog label:not(:last-child), -.budgie-session-dialog .dialog-title, -.budgie-polkit-dialog label:not(:last-child), -.budgie-polkit-dialog .dialog-title { - font-size: 120%; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button, -.budgie-polkit-dialog buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: 4px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { - margin-left: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { - margin-right: 8px; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - border: none; - background-color: transparent; - box-shadow: none; - background-clip: border-box; -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { - color: #0b0b0b; - background-color: rgba(0, 0, 0, 0.15); - background-image: none; - box-shadow: none; - transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -} - -.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, -.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { - background-image: none; - color: white; - background-color: rgba(0, 0, 0, 0.5); -} - -.budgie-polkit-dialog .message { - color: alpha(currentColor,0.6); -} - -.budgie-polkit-dialog .failure { - color: #f8464c; -} - -.budgie-run-dialog { - background-color: #ffffff; -} - -.budgie-run-dialog entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); - background-color: transparent; -} - -.budgie-run-dialog list .dim-label { - opacity: 1; -} - -.budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; -} - -.budgie-panel box.titlebar > widget > label { - color: rgba(255, 255, 255, 0.75); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton { - padding: 0 3px; -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); -} - -.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { - background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); -} - -.budgie-panel box.titlebar.horizontal { - padding: 0 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { - padding-right: 3px; -} - -.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { - padding-left: 3px; -} - -.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { - padding: 0 3px; -} - -@define-color theme_fg_color #242424; -@define-color theme_text_color #363636; -@define-color theme_bg_color #f5f5f5; -@define-color theme_base_color #ffffff; -@define-color theme_selected_bg_color #0860F2; -@define-color theme_selected_fg_color white; -@define-color fg_color #242424; -@define-color text_color #363636; -@define-color bg_color #f5f5f5; -@define-color base_color #ffffff; -@define-color selected_bg_color #0860F2; -@define-color selected_fg_color white; -@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); -@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); -@define-color insensitive_base_color #ffffff; -@define-color theme_unfocused_fg_color #242424; -@define-color theme_unfocused_text_color #363636; -@define-color theme_unfocused_bg_color #f5f5f5; -@define-color theme_unfocused_base_color #ffffff; -@define-color borders rgba(0, 0, 0, 0.12); -@define-color unfocused_borders rgba(0, 0, 0, 0.12); -@define-color warning_color #F27835; -@define-color error_color #FC4138; -@define-color success_color #30D158; -@define-color placeholder_text_color #A8A8A8; -@define-color link_color #3484e2; -@define-color content_view_bg #ffffff; -/* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #ffffff; -@define-color wm_title alpha(#575757, 0.8); -@define-color wm_unfocused_title alpha(#575757, 0.5); -@define-color wm_bg white; -@define-color wm_bg_unfocused white; -@define-color wm_highlight white; -@define-color wm_shadow alpha(black, 0.75); -@define-color wm_button_close_bg #f46067; -@define-color wm_button_close_hover_bg #f68086; -@define-color wm_button_close_active_bg #f13039; -@define-color wm_icon_close_bg #F8F8F9; -@define-color wm_button_hover_bg #fdfdfd; -@define-color wm_button_active_bg #0860F2; -@define-color wm_button_hover_border #D1D3DA; -@define-color wm_icon_bg #90949E; -@define-color wm_icon_unfocused_bg #B6B8C0; -@define-color wm_icon_hover_bg #7A7F8B; -@define-color wm_icon_active_bg white; -@define-color titlebar_gradient_a #ffffff; -@define-color titlebar_gradient_b #ffffff; -@define-color budgie_tasklist_indicator_color #0860F2; -@define-color budgie_tasklist_indicator_color_active #0860F2; -@define-color budgie_tasklist_indicator_color_active_window rgba(25, 107, 243, 0.6136); -@define-color budgie_tasklist_indicator_color_attention #F27835; -@define-color STRAWBERRY_100 #FF9262; -@define-color STRAWBERRY_300 #FF793E; -@define-color STRAWBERRY_500 #F15D22; -@define-color STRAWBERRY_700 #CF3B00; -@define-color STRAWBERRY_900 #AC1800; -@define-color ORANGE_100 #FFDB91; -@define-color ORANGE_300 #FFCA40; -@define-color ORANGE_500 #FAA41A; -@define-color ORANGE_700 #DE8800; -@define-color ORANGE_900 #C26C00; -@define-color BANANA_100 #FFFFA8; -@define-color BANANA_300 #FFFA7D; -@define-color BANANA_500 #FFCE51; -@define-color BANANA_700 #D1A023; -@define-color BANANA_900 #A27100; -@define-color LIME_100 #A2F3BE; -@define-color LIME_300 #8ADBA6; -@define-color LIME_500 #73C48F; -@define-color LIME_700 #479863; -@define-color LIME_900 #1C6D38; -@define-color BLUEBERRY_100 #94A6FF; -@define-color BLUEBERRY_300 #6A7CE0; -@define-color BLUEBERRY_500 #3F51B5; -@define-color BLUEBERRY_700 #213397; -@define-color BLUEBERRY_900 #031579; -@define-color GRAPE_100 #D25DE6; -@define-color GRAPE_300 #B84ACB; -@define-color GRAPE_500 #9C27B0; -@define-color GRAPE_700 #830E97; -@define-color GRAPE_900 #6A007E; -@define-color COCOA_100 #9F9792; -@define-color COCOA_300 #7B736E; -@define-color COCOA_500 #574F4A; -@define-color COCOA_700 #463E39; -@define-color COCOA_900 #342C27; -@define-color SILVER_100 #EEE; -@define-color SILVER_300 #CCC; -@define-color SILVER_500 #AAA; -@define-color SILVER_700 #888; -@define-color SILVER_900 #666; -@define-color SLATE_100 #888; -@define-color SLATE_300 #666; -@define-color SLATE_500 #444; -@define-color SLATE_700 #222; -@define-color SLATE_900 #111; -@define-color BLACK_100 #474341; -@define-color BLACK_300 #403C3A; -@define-color BLACK_500 #393634; -@define-color BLACK_700 #33302F; -@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light.scss b/src/main/gtk-3.0/gtk-light.scss deleted file mode 100644 index c4310efb..00000000 --- a/src/main/gtk-3.0/gtk-light.scss +++ /dev/null @@ -1,16 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '../../sass/gtk/drawing'; -@import '../../sass/gtk/common'; -@import '../../sass/gtk/applications'; -@import '../../sass/gtk/unity'; -@import '../../sass/gtk/granite'; -@import '../../sass/gtk/lightdm'; -@import '../../sass/gtk/budgie.scss'; -@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk.gresource.xml b/src/main/gtk-3.0/gtk.gresource.xml deleted file mode 100644 index fc02016d..00000000 --- a/src/main/gtk-3.0/gtk.gresource.xml +++ /dev/null @@ -1,267 +0,0 @@ - - - - assets/checkbox-checked.png - assets/checkbox-checked@2.png - assets/checkbox-checked-insensitive.png - assets/checkbox-checked-insensitive@2.png - assets/checkbox-unchecked.png - assets/checkbox-unchecked@2.png - assets/checkbox-unchecked-insensitive.png - assets/checkbox-unchecked-insensitive@2.png - assets/checkbox-mixed.png - assets/checkbox-mixed@2.png - assets/checkbox-mixed-insensitive.png - assets/checkbox-mixed-insensitive@2.png - assets/radio-checked.png - assets/radio-checked@2.png - assets/radio-checked-insensitive.png - assets/radio-checked-insensitive@2.png - assets/radio-unchecked.png - assets/radio-unchecked@2.png - assets/radio-unchecked-insensitive.png - assets/radio-unchecked-insensitive@2.png - assets/radio-mixed.png - assets/radio-mixed@2.png - assets/radio-mixed-insensitive.png - assets/radio-mixed-insensitive@2.png - assets/checkbox-checked-selected.png - assets/checkbox-checked-selected@2.png - assets/checkbox-checked-insensitive-selected.png - assets/checkbox-checked-insensitive-selected@2.png - assets/checkbox-unchecked-selected.png - assets/checkbox-unchecked-selected@2.png - assets/checkbox-unchecked-insensitive-selected.png - assets/checkbox-unchecked-insensitive-selected@2.png - assets/checkbox-mixed-selected.png - assets/checkbox-mixed-selected@2.png - assets/checkbox-mixed-insensitive-selected.png - assets/checkbox-mixed-insensitive-selected@2.png - assets/checkbox-checked-selectionmode.png - assets/checkbox-checked-selectionmode@2.png - assets/checkbox-selectionmode.png - assets/checkbox-selectionmode@2.png - assets/radio-checked-selected.png - assets/radio-checked-selected@2.png - assets/radio-checked-insensitive-selected.png - assets/radio-checked-insensitive-selected@2.png - assets/radio-unchecked-selected.png - assets/radio-unchecked-selected@2.png - assets/radio-unchecked-insensitive-selected.png - assets/radio-unchecked-insensitive-selected@2.png - assets/radio-mixed-selected.png - assets/radio-mixed-selected@2.png - assets/radio-mixed-insensitive-selected.png - assets/radio-mixed-insensitive-selected@2.png - assets/slider-horz-scale-has-marks-below.png - assets/slider-horz-scale-has-marks-below@2.png - assets/slider-horz-scale-has-marks-below-hover.png - assets/slider-horz-scale-has-marks-below-hover@2.png - assets/slider-horz-scale-has-marks-below-active.png - assets/slider-horz-scale-has-marks-below-active@2.png - assets/slider-horz-scale-has-marks-below-insensitive.png - assets/slider-horz-scale-has-marks-below-insensitive@2.png - assets/slider-vert-scale-has-marks-below.png - assets/slider-vert-scale-has-marks-below@2.png - assets/slider-vert-scale-has-marks-below-hover.png - assets/slider-vert-scale-has-marks-below-hover@2.png - assets/slider-vert-scale-has-marks-below-active.png - assets/slider-vert-scale-has-marks-below-active@2.png - assets/slider-vert-scale-has-marks-below-insensitive.png - assets/slider-vert-scale-has-marks-below-insensitive@2.png - assets/slider-horz-scale-has-marks-above.png - assets/slider-horz-scale-has-marks-above@2.png - assets/slider-horz-scale-has-marks-above-hover.png - assets/slider-horz-scale-has-marks-above-hover@2.png - assets/slider-horz-scale-has-marks-above-active.png - assets/slider-horz-scale-has-marks-above-active@2.png - assets/slider-horz-scale-has-marks-above-insensitive.png - assets/slider-horz-scale-has-marks-above-insensitive@2.png - assets/slider-vert-scale-has-marks-above.png - assets/slider-vert-scale-has-marks-above@2.png - assets/slider-vert-scale-has-marks-above-hover.png - assets/slider-vert-scale-has-marks-above-hover@2.png - assets/slider-vert-scale-has-marks-above-active.png - assets/slider-vert-scale-has-marks-above-active@2.png - assets/slider-vert-scale-has-marks-above-insensitive.png - assets/slider-vert-scale-has-marks-above-insensitive@2.png - assets/checkbox-checked-dark.png - assets/checkbox-checked-dark@2.png - assets/checkbox-checked-insensitive-dark.png - assets/checkbox-checked-insensitive-dark@2.png - assets/checkbox-unchecked-dark.png - assets/checkbox-unchecked-dark@2.png - assets/checkbox-unchecked-insensitive-dark.png - assets/checkbox-unchecked-insensitive-dark@2.png - assets/checkbox-mixed-dark.png - assets/checkbox-mixed-dark@2.png - assets/checkbox-mixed-insensitive-dark.png - assets/checkbox-mixed-insensitive-dark@2.png - assets/checkbox-checked-selectionmode-dark.png - assets/checkbox-checked-selectionmode-dark@2.png - assets/checkbox-selectionmode-dark.png - assets/checkbox-selectionmode-dark@2.png - assets/radio-checked-dark.png - assets/radio-checked-dark@2.png - assets/radio-checked-insensitive-dark.png - assets/radio-checked-insensitive-dark@2.png - assets/radio-unchecked-dark.png - assets/radio-unchecked-dark@2.png - assets/radio-unchecked-insensitive-dark.png - assets/radio-unchecked-insensitive-dark@2.png - assets/radio-mixed-dark.png - assets/radio-mixed-dark@2.png - assets/radio-mixed-insensitive-dark.png - assets/radio-mixed-insensitive-dark@2.png - assets/combobox-arrow.png - assets/combobox-arrow@2.png - assets/combobox-arrow-dark.png - assets/combobox-arrow-dark@2.png - assets/paned-separator.png - assets/paned-separator@2.png - assets/paned-separator-dark.png - assets/paned-separator-dark@2.png - assets/sidebar-view-hover-200px.png - assets/sidebar-view-hover-200px@2.png - assets/sidebar-view-active-200px.png - assets/sidebar-view-active-200px@2.png - assets/sidebar-view-checked-200px.png - assets/sidebar-view-checked-200px@2.png - assets/sidebar-view-hover-200px-dark.png - assets/sidebar-view-hover-200px-dark@2.png - assets/sidebar-view-active-200px-dark.png - assets/sidebar-view-active-200px-dark@2.png - assets/sidebar-view-checked-200px-dark.png - assets/sidebar-view-checked-200px-dark@2.png - assets/sidebar-view-hover-220px.png - assets/sidebar-view-hover-220px@2.png - assets/sidebar-view-active-220px.png - assets/sidebar-view-active-220px@2.png - assets/sidebar-view-checked-220px.png - assets/sidebar-view-checked-220px@2.png - assets/sidebar-view-hover-220px-dark.png - assets/sidebar-view-hover-220px-dark@2.png - assets/sidebar-view-active-220px-dark.png - assets/sidebar-view-active-220px-dark@2.png - assets/sidebar-view-checked-220px-dark.png - assets/sidebar-view-checked-220px-dark@2.png - assets/sidebar-view-hover-240px.png - assets/sidebar-view-hover-240px@2.png - assets/sidebar-view-active-240px.png - assets/sidebar-view-active-240px@2.png - assets/sidebar-view-checked-240px.png - assets/sidebar-view-checked-240px@2.png - assets/sidebar-view-hover-240px-dark.png - assets/sidebar-view-hover-240px-dark@2.png - assets/sidebar-view-active-240px-dark.png - assets/sidebar-view-active-240px-dark@2.png - assets/sidebar-view-checked-240px-dark.png - assets/sidebar-view-checked-240px-dark@2.png - assets/sidebar-view-hover-260px.png - assets/sidebar-view-hover-260px@2.png - assets/sidebar-view-active-260px.png - assets/sidebar-view-active-260px@2.png - assets/sidebar-view-checked-260px.png - assets/sidebar-view-checked-260px@2.png - assets/sidebar-view-hover-260px-dark.png - assets/sidebar-view-hover-260px-dark@2.png - assets/sidebar-view-active-260px-dark.png - assets/sidebar-view-active-260px-dark@2.png - assets/sidebar-view-checked-260px-dark.png - assets/sidebar-view-checked-260px-dark@2.png - assets/sidebar-view-hover-280px.png - assets/sidebar-view-hover-280px@2.png - assets/sidebar-view-active-280px.png - assets/sidebar-view-active-280px@2.png - assets/sidebar-view-checked-280px.png - assets/sidebar-view-checked-280px@2.png - assets/sidebar-view-hover-280px-dark.png - assets/sidebar-view-hover-280px-dark@2.png - assets/sidebar-view-active-280px-dark.png - assets/sidebar-view-active-280px-dark@2.png - assets/sidebar-view-checked-280px-dark.png - assets/sidebar-view-checked-280px-dark@2.png - windows-assets/titlebutton-close.png - windows-assets/titlebutton-close@2.png - windows-assets/titlebutton-close-dark.png - windows-assets/titlebutton-close-dark@2.png - windows-assets/titlebutton-close-backdrop.png - windows-assets/titlebutton-close-backdrop@2.png - windows-assets/titlebutton-close-backdrop-dark.png - windows-assets/titlebutton-close-backdrop-dark@2.png - windows-assets/titlebutton-close-backdrop-hover.png - windows-assets/titlebutton-close-backdrop-hover@2.png - windows-assets/titlebutton-close-backdrop-hover-dark.png - windows-assets/titlebutton-close-backdrop-hover-dark@2.png - windows-assets/titlebutton-close-hover.png - windows-assets/titlebutton-close-hover@2.png - windows-assets/titlebutton-close-hover-dark.png - windows-assets/titlebutton-close-hover-dark@2.png - windows-assets/titlebutton-close-active.png - windows-assets/titlebutton-close-active@2.png - windows-assets/titlebutton-close-active-dark.png - windows-assets/titlebutton-close-active-dark@2.png - windows-assets/titlebutton-maximize.png - windows-assets/titlebutton-maximize@2.png - windows-assets/titlebutton-maximize-dark.png - windows-assets/titlebutton-maximize-dark@2.png - windows-assets/titlebutton-maximize-backdrop.png - windows-assets/titlebutton-maximize-backdrop@2.png - windows-assets/titlebutton-maximize-backdrop-dark.png - windows-assets/titlebutton-maximize-backdrop-dark@2.png - windows-assets/titlebutton-maximize-backdrop-hover.png - windows-assets/titlebutton-maximize-backdrop-hover@2.png - windows-assets/titlebutton-maximize-backdrop-hover-dark.png - windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png - windows-assets/titlebutton-maximize-hover.png - windows-assets/titlebutton-maximize-hover@2.png - windows-assets/titlebutton-maximize-hover-dark.png - windows-assets/titlebutton-maximize-hover-dark@2.png - windows-assets/titlebutton-maximize-active.png - windows-assets/titlebutton-maximize-active@2.png - windows-assets/titlebutton-maximize-active-dark.png - windows-assets/titlebutton-maximize-active-dark@2.png - windows-assets/titlebutton-minimize.png - windows-assets/titlebutton-minimize@2.png - windows-assets/titlebutton-minimize-dark.png - windows-assets/titlebutton-minimize-dark@2.png - windows-assets/titlebutton-minimize-backdrop.png - windows-assets/titlebutton-minimize-backdrop@2.png - windows-assets/titlebutton-minimize-backdrop-dark.png - windows-assets/titlebutton-minimize-backdrop-dark@2.png - windows-assets/titlebutton-minimize-backdrop-hover.png - windows-assets/titlebutton-minimize-backdrop-hover@2.png - windows-assets/titlebutton-minimize-backdrop-hover-dark.png - windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png - windows-assets/titlebutton-minimize-hover.png - windows-assets/titlebutton-minimize-hover@2.png - windows-assets/titlebutton-minimize-hover-dark.png - windows-assets/titlebutton-minimize-hover-dark@2.png - windows-assets/titlebutton-minimize-active.png - windows-assets/titlebutton-minimize-active@2.png - windows-assets/titlebutton-minimize-active-dark.png - windows-assets/titlebutton-minimize-active-dark@2.png - windows-assets/titlebutton-restore.png - windows-assets/titlebutton-restore@2.png - windows-assets/titlebutton-restore-dark.png - windows-assets/titlebutton-restore-dark@2.png - windows-assets/titlebutton-restore-backdrop.png - windows-assets/titlebutton-restore-backdrop@2.png - windows-assets/titlebutton-restore-backdrop-dark.png - windows-assets/titlebutton-restore-backdrop-dark@2.png - windows-assets/titlebutton-restore-backdrop-hover.png - windows-assets/titlebutton-restore-backdrop-hover@2.png - windows-assets/titlebutton-restore-backdrop-hover-dark.png - windows-assets/titlebutton-restore-backdrop-hover-dark@2.png - windows-assets/titlebutton-restore-hover.png - windows-assets/titlebutton-restore-hover@2.png - windows-assets/titlebutton-restore-hover-dark.png - windows-assets/titlebutton-restore-hover-dark@2.png - windows-assets/titlebutton-restore-active.png - windows-assets/titlebutton-restore-active@2.png - windows-assets/titlebutton-restore-active-dark.png - windows-assets/titlebutton-restore-active-dark@2.png - gtk.css - gtk-dark.css - - diff --git a/src/main/gtk-3.0/make_gresource_xml.sh b/src/main/gtk-3.0/make_gresource_xml.sh deleted file mode 100755 index 0aa37744..00000000 --- a/src/main/gtk-3.0/make_gresource_xml.sh +++ /dev/null @@ -1,41 +0,0 @@ -#! /bin/bash - -INDEX="../../assets/gtk-3.0/common-assets/assets.txt" -SINDEX="../../assets/gtk-3.0/common-assets/sidebar-assets.txt" -WINDEX="../../assets/gtk-3.0/windows-assets/assets.txt" - -if [ -f gtk.gresource.xml ]; then - rm -rf gtk.gresource.xml -fi - -echo '' >> gtk.gresource.xml -echo "" >> gtk.gresource.xml -echo ' ' >> gtk.gresource.xml - -for i in `cat $INDEX` -do - echo " assets/$i.png" >> gtk.gresource.xml - echo " assets/$i@2.png" >> gtk.gresource.xml -done - -for i in `cat $SINDEX` -do - echo " assets/$i.png" >> gtk.gresource.xml - echo " assets/$i@2.png" >> gtk.gresource.xml -done - -for i in `cat $WINDEX` -do - echo " windows-assets/$i.png" >> gtk.gresource.xml - echo " windows-assets/$i@2.png" >> gtk.gresource.xml - echo " windows-assets/$i-dark.png" >> gtk.gresource.xml - echo " windows-assets/$i-dark@2.png" >> gtk.gresource.xml -done - -echo " gtk.css" >> gtk.gresource.xml -echo " gtk-dark.css" >> gtk.gresource.xml - -echo " " >> gtk.gresource.xml -echo "" >> gtk.gresource.xml - -exit 0 diff --git a/src/main/metacity-1/metacity-theme-3.xml b/src/main/metacity-1/metacity-theme-3.xml deleted file mode 100644 index 35ea2c99..00000000 --- a/src/main/metacity-1/metacity-theme-3.xml +++ /dev/null @@ -1,1197 +0,0 @@ - - - - Sierra - Vince Liuice - GPL-3.0+ - 2018.01.12 - Sierra Metacity Theme - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <title version="< 3.1" - x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2))" - color="C_title_focused" /> - <title version=">= 3.1" - x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" - y="(0 `max` ((height - title_height) / 2)) + 1" - ellipsize_width="width" - color="C_title_focused_shadow" /> - <title version=">= 3.1" - x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" - y="(0 `max` ((height - title_height) / 2))" - ellipsize_width="width" - color="C_title_focused" /> -</draw_ops> - -<draw_ops name="title_unfocused"> - <title version="< 3.1" - x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2)) + 1" - color="C_title_unfocused_shadow" /> - <title version="< 3.1" - x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2))" - color="C_title_unfocused" /> - <title version=">= 3.1" - x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" - y="(0 `max` ((height - title_height) / 2)) + 1" - ellipsize_width="width" - color="C_title_unfocused_shadow" /> - <title version=">= 3.1" - x="(0 `max` ((frame_x_center - title_width/2) `min` (width - title_width))) + 2" - y="(0 `max` ((height - title_height) / 2))" - ellipsize_width="width" - color="C_title_unfocused" /> -</draw_ops> - -<!-- ::: WINDOW DECORATIONS ::: --> -<draw_ops name="entire_background_focused"> - <rectangle color="C_titlebar_gradient_b" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="entire_background_unfocused"> - <include name="entire_background_focused" /> -</draw_ops> - -<draw_ops name="titlebar_fill_focused"> - <gradient type="vertical" x="0" y="0" width="width" height="title_height"> - <color value="C_titlebar_gradient_a" /> - <color value="C_titlebar_gradient_b" /> - </gradient> -</draw_ops> - -<draw_ops name="titlebar_fill_attached_focused"> - <include name="entire_background_focused" /> -</draw_ops> - -<draw_ops name="titlebar_fill_unfocused"> - <gradient type="vertical" x="0" y="0" width="width" height="title_height"> - <color value="C_titlebar_gradient_a" /> - <color value="C_titlebar_gradient_b" /> - </gradient> -</draw_ops> - -<draw_ops name="titlebar_focused"> - <include name="titlebar_fill_focused" /> -</draw_ops> - -<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> - <include name="titlebar_fill_attached_focused" /> -</draw_ops> - -<draw_ops name="rounded_titlebar_focused"> - <include name="titlebar_fill_focused" /> -</draw_ops> - -<draw_ops name="border_focused"> - <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> -</draw_ops> - -<draw_ops name="border_unfocused"> - <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> -</draw_ops> - -<draw_ops name="rounded_border_focused"> - <line color="C_border_focused" x1="4" y1="0" x2="width-5" y2="0" /> - <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> - <line color="C_border_focused" x1="0" y1="4" x2="0" y2="height-2" /> - <line color="C_border_focused" x1="width-1" y1="4" x2="width-1" y2="height-2" /> - <line color="C_highlight" x1="5" y1="1" x2="width - 5" y2="1"/> - <arc color="C_border_focused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> - <arc color="C_border_focused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> - <arc color="C_highlight" x="1" y="1" width="8" height="8" start_angle="270" extent_angle="90" /> - <arc color="C_highlight" x="width-11" y="1" width="8" height="8" start_angle="0" extent_angle="90" /> - <!-- double arcs for darker borders --> - <arc color="C_border_focused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> - <arc color="C_border_focused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> -</draw_ops> - -<draw_ops name="rounded_border_unfocused"> - <line color="C_border_unfocused" x1="4" y1="0" x2="width-5" y2="0" /> - <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> - <line color="C_border_unfocused" x1="0" y1="4" x2="0" y2="height-2" /> - <line color="C_border_unfocused" x1="width-1" y1="4" x2="width-1" y2="height-2" /> - <line color="C_highlight" x1="5" y1="1" x2="width - 5" y2="1"/> - <arc color="C_border_unfocused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> - <arc color="C_border_unfocused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> - <arc color="C_highlight" x="1" y="1" width="8" height="8" start_angle="270" extent_angle="90" /> - <arc color="C_highlight" x="width-11" y="1" width="8" height="8" start_angle="0" extent_angle="90" /> - <!-- double arcs for darker borders --> - <arc color="C_border_unfocused" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> - <arc color="C_border_unfocused" x="width-10" y="0" width="9" height="9" start_angle="0" extent_angle="90" /> -</draw_ops> - -<draw_ops name="dialog_fill_background"> - <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="dialog_background"> - <rectangle color="C_background" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="border_right_focused"> - <line - x1="width-1" y1="0" - x2="width-1" y2="height" - color="C_border_focused" /> -</draw_ops> - -<draw_ops name="border_right_unfocused"> - <line - x1="width-1" y1="0" - x2="width-1" y2="height" - color="C_border_unfocused" /> -</draw_ops> - -<draw_ops name="border_left_focused"> - <line - x1="0" y1="0" - x2="0" y2="height" - color="C_border_focused" /> -</draw_ops> - -<draw_ops name="border_left_unfocused"> - <line - x1="0" y1="0" - x2="0" y2="height" - color="C_border_unfocused" /> -</draw_ops> - -<!-- ::: BUTTON ICONS ::: --> -<!-- note: negative values in x or y causes gnome-shell to crash --> -<!-- close icon --> -<draw_ops name="close_focused"> - <image filename="close_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="close_focused_prelight"> - <image filename="close_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="close_focused_pressed"> - <image filename="close_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="close_unfocused"> - <image filename="close_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="close_unfocused_prelight"> - <include name="close_focused_prelight" /> -</draw_ops> - -<draw_ops name="close_unfocused_pressed"> - <include name="close_focused_pressed" /> -</draw_ops> - -<!-- maximize icon --> -<draw_ops name="maximize_focused"> - <image filename="maximize_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="maximize_focused_prelight"> - <image filename="maximize_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="maximize_focused_pressed"> - <image filename="maximize_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="maximize_unfocused"> - <image filename="maximize_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="maximize_unfocused_prelight"> - <include name="maximize_focused_prelight" /> -</draw_ops> - -<draw_ops name="maximize_unfocused_pressed"> - <include name="maximize_focused_pressed" /> -</draw_ops> - -<!-- unmaximize icon --> -<draw_ops name="unmaximize_focused"> - <image filename="unmaximize_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unmaximize_focused_prelight"> - <image filename="unmaximize_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unmaximize_focused_pressed"> - <image filename="unmaximize_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unmaximize_unfocused"> - <image filename="unmaximize_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unmaximize_unfocused_prelight"> - <include name="unmaximize_focused_prelight" /> -</draw_ops> - -<draw_ops name="unmaximize_unfocused_pressed"> - <include name="unmaximize_focused_pressed" /> -</draw_ops> - -<!-- minimize icon --> -<draw_ops name="minimize_focused"> - <image filename="minimize_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="minimize_focused_prelight"> - <image filename="minimize_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="minimize_focused_pressed"> - <image filename="minimize_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="minimize_unfocused"> - <image filename="minimize_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="minimize_unfocused_prelight"> - <include name="minimize_focused_prelight" /> -</draw_ops> - -<draw_ops name="minimize_unfocused_pressed"> - <include name="minimize_focused_pressed" /> -</draw_ops> - -<!-- Menu icon --> -<draw_ops name="menu_focused"> - <image filename="menu_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_focused_prelight"> - <image filename="menu_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_focused_pressed"> - <image filename="menu_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused"> - <image filename="menu_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused_prelight"> - <image filename="menu_unfocused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused_pressed"> - <image filename="menu_unfocused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<!-- shade icon --> -<draw_ops name="shade_focused"> - <image filename="shade_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="shade_focused_prelight"> - <image filename="shade_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="shade_focused_pressed"> - <image filename="shade_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="shade_unfocused"> - <image filename="shade_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="shade_unfocused_prelight"> - <include name="shade_focused_prelight" /> -</draw_ops> - -<draw_ops name="shade_unfocused_pressed"> - <include name="shade_focused_pressed" /> -</draw_ops> - -<!-- unshade icon --> -<draw_ops name="unshade_focused"> - <image filename="unshade_focused_normal.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unshade_focused_prelight"> - <image filename="unshade_focused_prelight.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unshade_focused_pressed"> - <image filename="unshade_focused_pressed.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unshade_unfocused"> - <image filename="unshade_unfocused.png" x="0" y="1" width="object_width" height="object_height" /> -</draw_ops> - -<draw_ops name="unshade_unfocused_prelight"> - <include name="unshade_focused_prelight" /> -</draw_ops> - -<draw_ops name="unshade_unfocused_pressed"> - <include name="unshade_focused_pressed" /> -</draw_ops> - -<!-- ::: FRAME STYLES ::: --> -<frame_style name="normal_focused" geometry="normal"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_unfocused" geometry="normal_unfocused"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_focused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_unfocused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_shaded_focused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_shaded_unfocused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="dialog_focused" geometry="nobuttons"> - <piece position="entire_background" draw_ops="dialog_background" /> - <piece position="titlebar" draw_ops="dialog_fill_background" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="dialog_unfocused" geometry="nobuttons"> - <piece position="entire_background" draw_ops="dialog_background" /> - <piece position="titlebar" draw_ops="dialog_fill_background" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="modal_dialog_focused" geometry="modal"> - <piece position="entire_background" draw_ops="dialog_background" /> - <piece position="titlebar" draw_ops="dialog_fill_background" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="modal_dialog_unfocused" geometry="modal"> - <piece position="entire_background" draw_ops="dialog_background" /> - <piece position="titlebar" draw_ops="dialog_fill_background" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="utility_focused" geometry="small"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="utility_unfocused" geometry="small_unfocused"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="border_focused" geometry="border"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="border_unfocused" geometry="border"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="borderless" geometry="borderless"> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="attached_focused" geometry="attached"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="attached_unfocused" geometry="attached"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_left_focused" geometry="tiled_left"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_right_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_left_unfocused" geometry="tiled_left"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_right_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_right_focused" geometry="tiled_right"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_left_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_right_unfocused" geometry="tiled_right"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_left_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<!-- placeholder for unimplementated styles--> -<frame_style name="blank" geometry="normal"> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<!-- ::: FRAME STYLE SETS ::: --> -<frame_style_set name="normal_style_set"> - <frame focus="yes" state="normal" resize="both" style="normal_focused" /> - <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> - <frame focus="yes" state="maximized" style="normal_max_focused" /> - <frame focus="no" state="maximized" style="normal_max_unfocused" /> - <frame focus="yes" state="shaded" style="normal_focused" /> - <frame focus="no" state="shaded" style="normal_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> - <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> - <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused" /> - <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused" /> - <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused" /> - <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused" /> - <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused" /> - <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused" /> - <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused" /> - <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused" /> -</frame_style_set> - -<frame_style_set name="dialog_style_set"> - <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> - <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="dialog_focused" /> - <frame focus="no" state="shaded" style="dialog_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="modal_dialog_style_set"> - <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> - <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="modal_dialog_focused" /> - <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="utility_style_set"> - <frame focus="yes" state="normal" resize="both" style="utility_focused" /> - <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="utility_focused" /> - <frame focus="no" state="shaded" style="utility_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="border_style_set"> - <frame focus="yes" state="normal" resize="both" style="border_focused" /> - <frame focus="no" state="normal" resize="both" style="border_unfocused" /> - <frame focus="yes" state="maximized" style="borderless" /> - <frame focus="no" state="maximized" style="borderless" /> - <frame focus="yes" state="shaded" style="blank" /> - <frame focus="no" state="shaded" style="blank" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="attached_style_set"> - <frame focus="yes" state="normal" resize="both" style="attached_focused" /> - <frame focus="no" state="normal" resize="both" style="attached_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="blank" /> - <frame focus="no" state="shaded" style="blank" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<!-- ::: WINDOWS ::: --> -<window type="normal" style_set="normal_style_set" /> -<window type="dialog" style_set="dialog_style_set" /> -<window type="modal_dialog" style_set="modal_dialog_style_set" /> -<window type="menu" style_set="utility_style_set" /> -<window type="utility" style_set="utility_style_set" /> -<window type="border" style_set="border_style_set" /> -<window version=">= 3.2" type="attached" style_set="attached_style_set" /> - -</metacity_theme> diff --git a/src/main/metacity-1/metacity-theme-dark.xml b/src/main/metacity-1/metacity-theme-dark.xml deleted file mode 100644 index 6d7d2895..00000000 --- a/src/main/metacity-1/metacity-theme-dark.xml +++ /dev/null @@ -1,1143 +0,0 @@ -<?xml version="1.0"?> -<metacity_theme> -<info> - <name>Sierra</name> - <author>Vince Liuice</author> - <copyright>GPL-3.0+</copyright> - <date>2018.01.12</date> - <description>Sierra Metacity Theme</description> -</info> - -<!-- CONSTANTS --> -<constant name="C_titlebar" value="#373737" /> -<constant name="C_titlebar_unfocused" value="#373737" /> -<constant name="C_border_focused" value="#373737" /> -<constant name="C_border_unfocused" value="#373737" /> -<constant name="C_title_focused" value="#f5f5f5" /> -<constant name="C_title_unfocused" value="#dedede" /> - -<constant name="C_wm_button_background" value="#dedede" /> -<constant name="C_wm_button_foreground" value="#dedede" /> -<constant name="C_wm_button_unfocused" value="#888888" /> - -<constant name="C_close_button" value="#f5685d" /> -<constant name="C_maximize_button" value="#a1ce6d" /> -<constant name="C_restore_button" value="#feee61" /> -<constant name="C_minimize_button" value="#feee61" /> - -<!-- GEOMETRY --> - -<!-- Focused window --> -<frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> - <distance name="left_width" value="1" /> - <distance name="right_width" value="1" /> - <distance name="bottom_height" value="1" /> - <distance name="left_titlebar_edge" value="5" /> - <distance name="right_titlebar_edge" value="5" /> - <distance name="title_vertical_pad" value="4" /> - <aspect_ratio name="button" value="1.0" /> - <border name="title_border" left="4" right="4" top="4" bottom="4" /> - <border name="button_border" left="0" right="0" top="4" bottom="4" /> -</frame_geometry> - -<!-- Unfocused window --> -<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal" > - <distance name="left_width" value="1" /> - <distance name="right_width" value="1" /> - <distance name="bottom_height" value="1" /> - <distance name="left_titlebar_edge" value="5"/> - <distance name="right_titlebar_edge" value="5"/> - <distance name="title_vertical_pad" value="4" /> - <border name="title_border" left="4" right="4" top="4" bottom="4" /> - <border name="button_border" left="0" right="0" top="4" bottom="4" /> -</frame_geometry> - -<!-- Maximized window --> -<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> - <distance name="left_width" value="0" /> - <distance name="right_width" value="0" /> - <distance name="bottom_height" value="0" /> - <distance name="title_vertical_pad" value="4" /> - <border name="title_border" left="4" right="4" top="4" bottom="4" /> - <border name="button_border" left="0" right="0" top="4" bottom="4" /> -</frame_geometry> - -<!-- Left tiled window --> -<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> - <distance name="right_width" value="0" /> -</frame_geometry> - -<!-- Right tiled window --> -<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> - <distance name="left_width" value="0" /> -</frame_geometry> - -<!-- Small window --> -<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> - <distance name="title_vertical_pad" value="4" /> - <border name="title_border" left="4" right="4" top="0" bottom="0" /> - <border name="button_border" left="0" right="0" top="0" bottom="0" /> -</frame_geometry> - -<!-- Small unfocused window --> -<frame_geometry name="small_unfocused" parent="small"> - <distance name="left_titlebar_edge" value="5"/> - <distance name="right_titlebar_edge" value="5"/> -</frame_geometry> - -<!-- No buttons --> -<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> -</frame_geometry> - -<!-- Border --> -<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > - <distance name="left_width" value="1" /> - <distance name="right_width" value="1" /> - <distance name="bottom_height" value="1" /> - <distance name="title_vertical_pad" value="1" /> - <border name="title_border" left="10" right="10" top="0" bottom="0" /> - <border name="button_border" left="0" right="0" top="0" bottom="0"/> -</frame_geometry> - -<!-- Borderless --> -<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> - <distance name="left_width" value="0" /> - <distance name="right_width" value="0" /> - <distance name="bottom_height" value="0" /> - <distance name="title_vertical_pad" value="8" /> - <border name="title_border" left="0" right="0" top="0" bottom="0" /> - <border name="button_border" left="0" right="0" top="0" bottom="0" /> -</frame_geometry> - -<!-- Modal --> -<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> - <distance name="title_vertical_pad" value="5"/> -</frame_geometry> - -<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> - <distance name="title_vertical_pad" value="8"/> - <distance name="bottom_height" value="1"/> - <distance name="left_width" value="1"/> - <distance name="right_width" value="1"/> -</frame_geometry> - - -<!-- TITLES --> - -<!-- Title alignment --> -<draw_ops name="title_focused"> - <title x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2))" - color="C_title_focused" /> -</draw_ops> - -<draw_ops name="title_unfocused"> - <title x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2))" - color="C_title_unfocused" /> -</draw_ops> - -<!-- WINDOW DECORATIONS --> -<draw_ops name="entire_background_focused"> - <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="entire_background_unfocused"> - <include name="entire_background_focused" /> -</draw_ops> - -<draw_ops name="titlebar_fill_focused"> - <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="titlebar_fill_attached_focused"> - <include name="entire_background_focused" /> -</draw_ops> - -<draw_ops name="titlebar_fill_unfocused"> - <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="titlebar_focused"> - <include name="titlebar_fill_focused" /> -</draw_ops> - -<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> - <include name="titlebar_fill_attached_focused" /> -</draw_ops> - -<draw_ops name="rounded_titlebar_focused"> - <include name="titlebar_fill_focused" /> -</draw_ops> - -<draw_ops name="border_focused"> - <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> -</draw_ops> - -<draw_ops name="border_unfocused"> - <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> -</draw_ops> - -<draw_ops name="rounded_border_focused"> - <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> - <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> - <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> - <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> - <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> - <!-- double arcs for darker borders --> - <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> -</draw_ops> - -<draw_ops name="rounded_border_unfocused"> - <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> - <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> - <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> - <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> - <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> - <!-- double arcs for darker borders --> - <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> -</draw_ops> - -<draw_ops name="border_right_focused"> - <line - x1="width-1" y1="0" - x2="width-1" y2="height" - color="C_border_focused" /> -</draw_ops> - -<draw_ops name="border_right_unfocused"> - <line - x1="width-1" y1="0" - x2="width-1" y2="height" - color="C_border_unfocused" /> -</draw_ops> - -<draw_ops name="border_left_focused"> - <line - x1="0" y1="0" - x2="0" y2="height" - color="C_border_focused" /> -</draw_ops> - -<draw_ops name="border_left_unfocused"> - <line - x1="0" y1="0" - x2="0" y2="height" - color="C_border_unfocused" /> -</draw_ops> - -<!-- BUTTON ICONS --> -<!-- note: negative values in x or y causes gnome-shell to crash --> - -<!-- Close icon --> -<draw_ops name="close_focused"> - <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_focused_prelight"> - <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_focused_pressed"> - <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_unfocused"> - <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_unfocused_prelight"> - <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_unfocused_pressed"> - <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Maximize icon --> -<draw_ops name="maximize_focused"> - <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_focused_prelight"> - <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_focused_pressed"> - <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_unfocused"> - <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_unfocused_prelight"> - <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_unfocused_pressed"> - <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - -<!-- Unmaximize icon --> -<draw_ops name="unmaximize_focused"> - <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_focused_prelight"> - <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_focused_pressed"> - <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_unfocused"> - <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_unfocused_prelight"> - <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_unfocused_pressed"> - <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Minimize icon --> -<draw_ops name="minimize_focused"> - <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_focused_prelight"> - <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_focused_pressed"> - <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_unfocused"> - <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_unfocused_prelight"> - <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_unfocused_pressed"> - <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Menu icon --> -<draw_ops name="menu_focused"> - <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_focused_prelight"> - <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_focused_pressed"> - <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused"> - <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused_prelight"> - <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused_pressed"> - <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Shade icon --> -<draw_ops name="shade_focused"> - <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_focused_prelight"> - <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_focused_pressed"> - <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_unfocused"> - <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_unfocused_prelight"> - <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_unfocused_pressed"> - <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Unshade icon --> -<draw_ops name="unshade_focused"> - <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_focused_prelight"> - <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_focused_pressed"> - <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_unfocused"> - <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_unfocused_prelight"> - <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_unfocused_pressed"> - <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- FRAME STYLES --> -<frame_style name="normal_focused" geometry="normal"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_unfocused" geometry="normal_unfocused"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_focused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_unfocused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_shaded_focused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_shaded_unfocused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="dialog_focused" geometry="nobuttons"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="dialog_unfocused" geometry="nobuttons"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="modal_dialog_focused" geometry="modal"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="modal_dialog_unfocused" geometry="modal"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="utility_focused" geometry="small"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="utility_unfocused" geometry="small_unfocused"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="border_focused" geometry="border"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="border_unfocused" geometry="border"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="borderless" geometry="borderless"> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="attached_focused" geometry="attached"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="attached_unfocused" geometry="attached"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_left_focused" geometry="tiled_left"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_right_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_left_unfocused" geometry="tiled_left"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_right_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_right_focused" geometry="tiled_right"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_left_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_right_unfocused" geometry="tiled_right"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_left_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<!-- placeholder for unimplementated styles--> -<frame_style name="blank" geometry="normal"> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<!-- FRAME STYLE SETS --> -<frame_style_set name="normal_style_set"> - <frame focus="yes" state="normal" resize="both" style="normal_focused" /> - <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> - <frame focus="yes" state="maximized" style="normal_max_focused" /> - <frame focus="no" state="maximized" style="normal_max_unfocused" /> - <frame focus="yes" state="shaded" style="normal_focused" /> - <frame focus="no" state="shaded" style="normal_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> - <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> -</frame_style_set> - -<frame_style_set name="dialog_style_set"> - <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> - <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="dialog_focused" /> - <frame focus="no" state="shaded" style="dialog_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="modal_dialog_style_set"> - <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> - <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="modal_dialog_focused" /> - <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="utility_style_set"> - <frame focus="yes" state="normal" resize="both" style="utility_focused" /> - <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="utility_focused" /> - <frame focus="no" state="shaded" style="utility_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="border_style_set"> - <frame focus="yes" state="normal" resize="both" style="border_focused" /> - <frame focus="no" state="normal" resize="both" style="border_unfocused" /> - <frame focus="yes" state="maximized" style="borderless" /> - <frame focus="no" state="maximized" style="borderless" /> - <frame focus="yes" state="shaded" style="blank" /> - <frame focus="no" state="shaded" style="blank" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<!-- WINDOWS --> -<window type="normal" style_set="normal_style_set" /> -<window type="dialog" style_set="dialog_style_set" /> -<window type="modal_dialog" style_set="modal_dialog_style_set" /> -<window type="menu" style_set="utility_style_set" /> -<window type="utility" style_set="utility_style_set" /> -<window type="border" style_set="border_style_set" /> - -</metacity_theme> diff --git a/src/main/metacity-1/metacity-theme-light.xml b/src/main/metacity-1/metacity-theme-light.xml deleted file mode 100644 index 01eb101e..00000000 --- a/src/main/metacity-1/metacity-theme-light.xml +++ /dev/null @@ -1,1143 +0,0 @@ -<?xml version="1.0"?> -<metacity_theme> -<info> - <name>Sierra</name> - <author>Vince Liuice</author> - <copyright>GPL-3.0+</copyright> - <date>2018.01.12</date> - <description>Sierra Metacity Theme</description> -</info> - -<!-- CONSTANTS --> -<constant name="C_titlebar" value="#939393" /> -<constant name="C_titlebar_unfocused" value="#939393" /> -<constant name="C_border_focused" value="#939393" /> -<constant name="C_border_unfocused" value="#939393" /> -<constant name="C_title_focused" value="#333333" /> -<constant name="C_title_unfocused" value="#555555" /> - -<constant name="C_wm_button_background" value="#333333" /> -<constant name="C_wm_button_foreground" value="#333333" /> -<constant name="C_wm_button_unfocused" value="#888888" /> - -<constant name="C_close_button" value="#f5685d" /> -<constant name="C_maximize_button" value="#a1ce6d" /> -<constant name="C_restore_button" value="#feee61" /> -<constant name="C_minimize_button" value="#feee61" /> - -<!-- GEOMETRY --> - -<!-- Focused window --> -<frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2"> - <distance name="left_width" value="1" /> - <distance name="right_width" value="1" /> - <distance name="bottom_height" value="1" /> - <distance name="left_titlebar_edge" value="5" /> - <distance name="right_titlebar_edge" value="5" /> - <distance name="title_vertical_pad" value="4" /> - <aspect_ratio name="button" value="1.0" /> - <border name="title_border" left="4" right="4" top="4" bottom="4" /> - <border name="button_border" left="0" right="0" top="4" bottom="4" /> -</frame_geometry> - -<!-- Unfocused window --> -<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="2" rounded_top_right="2" parent="normal" > - <distance name="left_width" value="1" /> - <distance name="right_width" value="1" /> - <distance name="bottom_height" value="1" /> - <distance name="left_titlebar_edge" value="5"/> - <distance name="right_titlebar_edge" value="5"/> - <distance name="title_vertical_pad" value="4" /> - <border name="title_border" left="4" right="4" top="4" bottom="4" /> - <border name="button_border" left="0" right="0" top="4" bottom="4" /> -</frame_geometry> - -<!-- Maximized window --> -<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> - <distance name="left_width" value="0" /> - <distance name="right_width" value="0" /> - <distance name="bottom_height" value="0" /> - <distance name="title_vertical_pad" value="4" /> - <border name="title_border" left="4" right="4" top="4" bottom="4" /> - <border name="button_border" left="0" right="0" top="4" bottom="4" /> -</frame_geometry> - -<!-- Left tiled window --> -<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> - <distance name="right_width" value="0" /> -</frame_geometry> - -<!-- Right tiled window --> -<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> - <distance name="left_width" value="0" /> -</frame_geometry> - -<!-- Small window --> -<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> - <distance name="title_vertical_pad" value="4" /> - <border name="title_border" left="4" right="4" top="0" bottom="0" /> - <border name="button_border" left="0" right="0" top="0" bottom="0" /> -</frame_geometry> - -<!-- Small unfocused window --> -<frame_geometry name="small_unfocused" parent="small"> - <distance name="left_titlebar_edge" value="5"/> - <distance name="right_titlebar_edge" value="5"/> -</frame_geometry> - -<!-- No buttons --> -<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> -</frame_geometry> - -<!-- Border --> -<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > - <distance name="left_width" value="1" /> - <distance name="right_width" value="1" /> - <distance name="bottom_height" value="1" /> - <distance name="title_vertical_pad" value="1" /> - <border name="title_border" left="10" right="10" top="0" bottom="0" /> - <border name="button_border" left="0" right="0" top="0" bottom="0"/> -</frame_geometry> - -<!-- Borderless --> -<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> - <distance name="left_width" value="0" /> - <distance name="right_width" value="0" /> - <distance name="bottom_height" value="0" /> - <distance name="title_vertical_pad" value="8" /> - <border name="title_border" left="0" right="0" top="0" bottom="0" /> - <border name="button_border" left="0" right="0" top="0" bottom="0" /> -</frame_geometry> - -<!-- Modal --> -<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> - <distance name="title_vertical_pad" value="5"/> -</frame_geometry> - -<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> - <distance name="title_vertical_pad" value="8"/> - <distance name="bottom_height" value="1"/> - <distance name="left_width" value="1"/> - <distance name="right_width" value="1"/> -</frame_geometry> - - -<!-- TITLES --> - -<!-- Title alignment --> -<draw_ops name="title_focused"> - <title x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2))" - color="C_title_focused" /> -</draw_ops> - -<draw_ops name="title_unfocused"> - <title x="(0 `max` ((width - title_width) / 2)) + 2" - y="(0 `max` ((height - title_height) / 2))" - color="C_title_unfocused" /> -</draw_ops> - -<!-- WINDOW DECORATIONS --> -<draw_ops name="entire_background_focused"> - <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="entire_background_unfocused"> - <include name="entire_background_focused" /> -</draw_ops> - -<draw_ops name="titlebar_fill_focused"> - <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="titlebar_fill_attached_focused"> - <include name="entire_background_focused" /> -</draw_ops> - -<draw_ops name="titlebar_fill_unfocused"> - <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> -</draw_ops> - -<draw_ops name="titlebar_focused"> - <include name="titlebar_fill_focused" /> -</draw_ops> - -<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> - <include name="titlebar_fill_attached_focused" /> -</draw_ops> - -<draw_ops name="rounded_titlebar_focused"> - <include name="titlebar_fill_focused" /> -</draw_ops> - -<draw_ops name="border_focused"> - <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> -</draw_ops> - -<draw_ops name="border_unfocused"> - <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> -</draw_ops> - -<draw_ops name="rounded_border_focused"> - <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> - <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> - <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> - <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> - <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> - <!-- double arcs for darker borders --> - <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> -</draw_ops> - -<draw_ops name="rounded_border_unfocused"> - <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> - <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> - <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> - <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> - <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> - <!-- double arcs for darker borders --> - <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> - <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> -</draw_ops> - -<draw_ops name="border_right_focused"> - <line - x1="width-1" y1="0" - x2="width-1" y2="height" - color="C_border_focused" /> -</draw_ops> - -<draw_ops name="border_right_unfocused"> - <line - x1="width-1" y1="0" - x2="width-1" y2="height" - color="C_border_unfocused" /> -</draw_ops> - -<draw_ops name="border_left_focused"> - <line - x1="0" y1="0" - x2="0" y2="height" - color="C_border_focused" /> -</draw_ops> - -<draw_ops name="border_left_unfocused"> - <line - x1="0" y1="0" - x2="0" y2="height" - color="C_border_unfocused" /> -</draw_ops> - -<!-- BUTTON ICONS --> -<!-- note: negative values in x or y causes gnome-shell to crash --> - -<!-- Close icon --> -<draw_ops name="close_focused"> - <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_focused_prelight"> - <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_focused_pressed"> - <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_unfocused"> - <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_unfocused_prelight"> - <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="close_unfocused_pressed"> - <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Maximize icon --> -<draw_ops name="maximize_focused"> - <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_focused_prelight"> - <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_focused_pressed"> - <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_unfocused"> - <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_unfocused_prelight"> - <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="maximize_unfocused_pressed"> - <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - -<!-- Unmaximize icon --> -<draw_ops name="unmaximize_focused"> - <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_focused_prelight"> - <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_focused_pressed"> - <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_unfocused"> - <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_unfocused_prelight"> - <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unmaximize_unfocused_pressed"> - <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Minimize icon --> -<draw_ops name="minimize_focused"> - <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_focused_prelight"> - <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_focused_pressed"> - <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_unfocused"> - <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_unfocused_prelight"> - <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="minimize_unfocused_pressed"> - <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Menu icon --> -<draw_ops name="menu_focused"> - <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_focused_prelight"> - <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_focused_pressed"> - <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused"> - <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused_prelight"> - <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="menu_unfocused_pressed"> - <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Shade icon --> -<draw_ops name="shade_focused"> - <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_focused_prelight"> - <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_focused_pressed"> - <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_unfocused"> - <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_unfocused_prelight"> - <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="shade_unfocused_pressed"> - <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- Unshade icon --> -<draw_ops name="unshade_focused"> - <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_focused_prelight"> - <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_focused_pressed"> - <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_unfocused"> - <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_unfocused_prelight"> - <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> -<draw_ops name="unshade_unfocused_pressed"> - <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> -</draw_ops> - - -<!-- FRAME STYLES --> -<frame_style name="normal_focused" geometry="normal"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_unfocused" geometry="normal_unfocused"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_focused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_unfocused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_shaded_focused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_focused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="normal_max_shaded_unfocused" geometry="max"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="unmaximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="dialog_focused" geometry="nobuttons"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="rounded_border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="dialog_unfocused" geometry="nobuttons"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="rounded_border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="modal_dialog_focused" geometry="modal"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="modal_dialog_unfocused" geometry="modal"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="utility_focused" geometry="small"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="utility_unfocused" geometry="small_unfocused"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="border_focused" geometry="border"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="border_unfocused" geometry="border"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="borderless" geometry="borderless"> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="attached_focused" geometry="attached"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_focused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="attached_unfocused" geometry="attached"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_attached_focused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_unfocused" /> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_left_focused" geometry="tiled_left"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_right_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_left_unfocused" geometry="tiled_left"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_right_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_right_focused" geometry="tiled_right"> - <piece position="entire_background" draw_ops="entire_background_focused" /> - <piece position="titlebar" draw_ops="titlebar_fill_focused" /> - <piece position="title" draw_ops="title_focused" /> - <piece position="overlay" draw_ops="border_left_focused" /> - <button function="close" state="normal" draw_ops="close_focused" /> - <button function="close" state="prelight" draw_ops="close_focused_prelight" /> - <button function="close" state="pressed" draw_ops="close_focused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_focused" /> - <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_focused" /> - <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_focused" /> - <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_focused" /> - <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_focused" /> - <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> - - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<frame_style name="tiled_right_unfocused" geometry="tiled_right"> - <piece position="entire_background" draw_ops="entire_background_unfocused" /> - <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> - <piece position="title" draw_ops="title_unfocused" /> - <piece position="overlay" draw_ops="border_left_unfocused" /> - <button function="close" state="normal" draw_ops="close_unfocused" /> - <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> - <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> - <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> - <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> - <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> - <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> - <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> - <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> - <button function="menu" state="normal" draw_ops="menu_unfocused" /> - <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> - <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> - <button function="shade" state="normal" draw_ops="shade_unfocused" /> - <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> - <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> - <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> - <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> - <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<!-- placeholder for unimplementated styles--> -<frame_style name="blank" geometry="normal"> - <button function="close" state="normal"><draw_ops></draw_ops></button> - <button function="close" state="pressed"><draw_ops></draw_ops></button> - <button function="maximize" state="normal"><draw_ops></draw_ops></button> - <button function="maximize" state="pressed"><draw_ops></draw_ops></button> - <button function="minimize" state="normal"><draw_ops></draw_ops></button> - <button function="minimize" state="pressed"><draw_ops></draw_ops></button> - <button function="menu" state="normal"><draw_ops></draw_ops></button> - <button function="menu" state="pressed"><draw_ops></draw_ops></button> - <button function="shade" state="normal"><draw_ops></draw_ops></button> - <button function="shade" state="prelight"><draw_ops></draw_ops></button> - <button function="shade" state="pressed"><draw_ops></draw_ops></button> - <button function="unshade" state="normal"><draw_ops></draw_ops></button> - <button function="unshade" state="prelight"><draw_ops></draw_ops></button> - <button function="unshade" state="pressed"><draw_ops></draw_ops></button> - <button function="above" state="normal"><draw_ops></draw_ops></button> - <button function="above" state="pressed"><draw_ops></draw_ops></button> - <button function="unabove" state="normal"><draw_ops></draw_ops></button> - <button function="unabove" state="pressed"><draw_ops></draw_ops></button> - <button function="stick" state="normal"><draw_ops></draw_ops></button> - <button function="stick" state="pressed"><draw_ops></draw_ops></button> - <button function="unstick" state="normal"><draw_ops></draw_ops></button> - <button function="unstick" state="pressed"><draw_ops></draw_ops></button> -</frame_style> - -<!-- FRAME STYLE SETS --> -<frame_style_set name="normal_style_set"> - <frame focus="yes" state="normal" resize="both" style="normal_focused" /> - <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> - <frame focus="yes" state="maximized" style="normal_max_focused" /> - <frame focus="no" state="maximized" style="normal_max_unfocused" /> - <frame focus="yes" state="shaded" style="normal_focused" /> - <frame focus="no" state="shaded" style="normal_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> - <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> -</frame_style_set> - -<frame_style_set name="dialog_style_set"> - <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> - <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="dialog_focused" /> - <frame focus="no" state="shaded" style="dialog_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="modal_dialog_style_set"> - <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> - <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="modal_dialog_focused" /> - <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="utility_style_set"> - <frame focus="yes" state="normal" resize="both" style="utility_focused" /> - <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> - <frame focus="yes" state="maximized" style="blank" /> - <frame focus="no" state="maximized" style="blank" /> - <frame focus="yes" state="shaded" style="utility_focused" /> - <frame focus="no" state="shaded" style="utility_unfocused" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<frame_style_set name="border_style_set"> - <frame focus="yes" state="normal" resize="both" style="border_focused" /> - <frame focus="no" state="normal" resize="both" style="border_unfocused" /> - <frame focus="yes" state="maximized" style="borderless" /> - <frame focus="no" state="maximized" style="borderless" /> - <frame focus="yes" state="shaded" style="blank" /> - <frame focus="no" state="shaded" style="blank" /> - <frame focus="yes" state="maximized_and_shaded" style="blank" /> - <frame focus="no" state="maximized_and_shaded" style="blank" /> -</frame_style_set> - -<!-- WINDOWS --> -<window type="normal" style_set="normal_style_set" /> -<window type="dialog" style_set="dialog_style_set" /> -<window type="modal_dialog" style_set="modal_dialog_style_set" /> -<window type="menu" style_set="utility_style_set" /> -<window type="utility" style_set="utility_style_set" /> -<window type="border" style_set="border_style_set" /> - -</metacity_theme> diff --git a/src/main/xfwm4/themerc-dark b/src/main/xfwm4/themerc-dark deleted file mode 100644 index 52375c0d..00000000 --- a/src/main/xfwm4/themerc-dark +++ /dev/null @@ -1,23 +0,0 @@ -button_offset=4 -button_spacing=0 - -show_app_icon=false - -full_width_title=true - -title_shadow_active=false -title_shadow_inactive=false - -title_horizontal_offset=3 - -active_text_color=#afafaf -active_text_shadow_color=#252525 - -inactive_text_color=#808080 -inactive_text_shadow_color=#252525 - -shadow_delta_height=2 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-5 -shadow_opacity=40 diff --git a/src/main/xfwm4/themerc-light b/src/main/xfwm4/themerc-light deleted file mode 100644 index a67fdbd8..00000000 --- a/src/main/xfwm4/themerc-light +++ /dev/null @@ -1,23 +0,0 @@ -button_offset=4 -button_spacing=0 - -show_app_icon=false - -full_width_title=true - -title_shadow_active=false -title_shadow_inactive=false - -title_horizontal_offset=3 - -active_text_color=#707070 -active_text_shadow_color=#e7e7e7 - -inactive_text_color=#979797 -inactive_text_shadow_color=#e7e7e7 - -shadow_delta_height=2 -shadow_delta_width=0 -shadow_delta_x=0 -shadow_delta_y=-5 -shadow_opacity=40 diff --git a/src/other/dash-to-dock/README.md b/src/other/dash-to-dock/README.md deleted file mode 100644 index bd97e412..00000000 --- a/src/other/dash-to-dock/README.md +++ /dev/null @@ -1,25 +0,0 @@ -## WhiteSur dash-to-dock theme - -## Installation - -### Install tips - -Usage: `./Install` **[OPTIONS...]** - -| OPTIONS: | | -|:--------------------|:-------------| -| with no option | it'll run a terminal dialog to install the theme | -|-d, --dark | install dark version | -|-l, --light | install light version | -|-h, --help | Show this help| - -### Manual installation - -Copy `../src/other/dash-to-dock/stylesheet.css` to `../.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com` - -then you can: - -1. Open `Dash to Dock Settings`. -2. Go to `[Appearance]` > `[Use built-in theme]` and turn it on. -3. Restart Dash to Dock or gnome-shell. -4. Be happy with your new dash-to-dock theme. diff --git a/src/other/dash-to-dock/_dash-to-dock.scss b/src/other/dash-to-dock/_dash-to-dock.scss deleted file mode 100644 index 7150c1c9..00000000 --- a/src/other/dash-to-dock/_dash-to-dock.scss +++ /dev/null @@ -1,173 +0,0 @@ -// Dash to Dock - -$dash_panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.15), rgba(#101010, 0.25)); -$dash_panel_fg: if($variant == 'light', black, white); -$dash_radius: 18px; - -// Scrollview style -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; - - .number-overlay { - color: $light_fg_color; - background-color: rgba(black, 0.75); - text-align: center; - } - - .notification-badge { - color: $light_fg_color; - background-color: $primary_color; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; - } - - &.dashtodock #dash, - &.dashtodock:overview #dash, - &.extended #dash, - &.extended:overview #dash { - border: 1px solid if($variant == 'light', rgba(black, 0.03), rgba(black, 0.35)); - } - - &.straight-corner #dash, - &.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; - } - - @each $_dock, $_radius, $_shadow in (top, $dash_radius, 0 -1px), - (bottom, $dash_radius, 0 1px), - (left, $dash_radius, -1px 0), - (right, $dash_radius, 1px 0) { - &.#{$_dock}.dashtodock #dash, - &.#{$_dock}.dashtodock:overview #dash { - border-radius: #{$_radius}; - margin-#{$_dock}: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(white, 0.05); - } - - &.#{$_dock}.shrink #dash { - border-#{$_dock}-width: 0; - } - - &.#{$_dock}.extended #dash, - &.#{$_dock}.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset #{$_shadow} rgba(white, 0.05); - } - } - - &.extended.top, - &.extended.bottom { - #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; - } - } - - &.extended.right, - &.extended.left { - #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; - } - } - - &.dashtodock #dash { background: $dash_panel_bg; } - - &.opaque #dash { // solid-mode - background: $dash_panel_bg; - } - - &.transparent #dash { // translucent-mode - background: $dash_panel_bg; // does not work - } - - &:overview #dash { // overview-mode #1 - background: $light_divider_color; - } - - &.opaque:overview, - &.transparent:overview { // overview-mode #2 - #dash { - background-color: transparent !important; - box-shadow: none !important; - } - } - - &.extended:overview, // overview-mode #3 - &.opaque.extended:overview, - &.transparent.extended:overview { - #dash { - background-color: $dash_panel_bg; - } - } - - &.running-dots, - &.dashtodock { - .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; - } - } - - &.shrink, - &.dashtodock { - .dash-item-container > StButton { - padding: 1px 2px; - } - } - - .app-well-app, - .show-apps { - .overview-icon { - padding: 8px; - background-size: contain; - } - } - - &.extended, - &.extended:overview { - .app-well-app, - .show-apps { - .overview-icon { - border-radius: $bt_radius; - } - } - } - - .metro .overview-icon { - border-radius: 0; - } -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} diff --git a/src/other/dash-to-dock/install.sh b/src/other/dash-to-dock/install.sh deleted file mode 100755 index fd78bc4d..00000000 --- a/src/other/dash-to-dock/install.sh +++ /dev/null @@ -1,138 +0,0 @@ -#!/bin/bash - -set -o errexit - -[ GLOBAL::CONF ] -{ - REPO_DIR=$(cd $(dirname $0) && pwd) - readonly ROOT_UID=0 -} - -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com" -else - DEST_DIR="$HOME/.local/share/gnome-shell/extensions/dash-to-dock@micxgx.gmail.com" -fi - -#COLORS -CDEF=" \033[0m" # default color -CCIN=" \033[0;36m" # info color -CGSC=" \033[0;32m" # success color -CRER=" \033[0;31m" # error color -CWAR=" \033[0;33m" # waring color -b_CDEF=" \033[1;37m" # bold default color -b_CCIN=" \033[1;36m" # bold info color -b_CGSC=" \033[1;32m" # bold success color -b_CRER=" \033[1;31m" # bold error color -b_CWAR=" \033[1;33m" # bold warning color - -usage() { - printf "%s\n" "Usage: ${0##*/} [OPTIONS...]" - printf "\n%s\n" "OPTIONS:" - printf " %-25s%s\n" "-d, --dark" "install dark theme" - printf " %-25s%s\n" "-l, --light" "install light theme" - printf " %-25s%s\n" "-h, --help" "Show this help" -} - -# echo like ... with flag type and display message colors -prompt () { - case ${1} in - "-s"|"--success") - echo -e "${b_CGSC}${@/-s/}${CDEF}";; # print success message - "-e"|"--error") - echo -e "${b_CRER}${@/-e/}${CDEF}";; # print error message - "-w"|"--warning") - echo -e "${b_CWAR}${@/-w/}${CDEF}";; # print warning message - "-i"|"--info") - echo -e "${b_CCIN}${@/-i/}${CDEF}";; # print info message - *) - echo -e "$@" - ;; - esac -} - -# Check command avalibility -function has_command() { - command -v $1 > /dev/null -} - -operation_canceled() { - clear - prompt -i "\n Operation canceled by user, Bye!" - exit 1 -} - -install_theme() { - if [[ -f ${DEST_DIR}/stylesheet.css ]]; then - mv -n ${DEST_DIR}/stylesheet.css ${DEST_DIR}/stylesheet.css.back - cp -r ${REPO_DIR}/stylesheet$color.css ${DEST_DIR}/stylesheet.css - else - prompt -i "\n stylesheet.css not exist!" - exit 0 - fi -} - -run_dialog() { - if [[ -x /usr/bin/dialog ]]; then - tui=$(dialog --backtitle "dash-to-dock theme installer" \ - --radiolist "Choose your color version:" 15 40 5 \ - 1 "light" on \ - 2 "dark" off --output-fd 1 ) - case "$tui" in - 1) color='' ;; - 2) color='-dark' ;; - *) operation_canceled ;; - esac - fi -} - -install_dialog() { - if [ ! "$(which dialog 2> /dev/null)" ]; then - prompt -w "\n 'dialog' needs to be installed for this shell" - if has_command zypper; then - sudo zypper in dialog - elif has_command apt-get; then - sudo apt-get install dialog - elif has_command dnf; then - sudo dnf install -y dialog - elif has_command yum; then - sudo yum install dialog - elif has_command pacman; then - sudo pacman -S --noconfirm dialog - fi - fi -} - -# Show terminal user interface for better use -if [[ $# -lt 1 ]] && [[ -x /usr/bin/dialog ]] ; then - run_dialog -fi - -while [[ $# -ge 1 ]]; do - case "${1}" in - -l|--light) - color='' - ;; - -d|--dark) - color='-dark' - ;; - -h|--help) - usage - exit 0 - ;; - *) - prompt -e "ERROR: Unrecognized installation option '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - shift -done - -install_theme - -echo -prompt -s Done. - -notify-send "All done!" "Go to [Dash to Dock Settings] > [Appearance] > [Use built-in theme] and turn it on!" -i face-smile diff --git a/src/other/dash-to-dock/stylesheet-dark.css b/src/other/dash-to-dock/stylesheet-dark.css deleted file mode 100644 index 50d32d02..00000000 --- a/src/other/dash-to-dock/stylesheet-dark.css +++ /dev/null @@ -1,186 +0,0 @@ -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.35); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.opaque #dash { - background: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.transparent #dash { - background: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer:overview #dash { - background: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(16, 16, 16, 0.25); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} diff --git a/src/other/dash-to-dock/stylesheet-dark.scss b/src/other/dash-to-dock/stylesheet-dark.scss deleted file mode 100644 index 9a44f49c..00000000 --- a/src/other/dash-to-dock/stylesheet-dark.scss +++ /dev/null @@ -1,9 +0,0 @@ -$variant: 'dark'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '_dash-to-dock.scss'; diff --git a/src/other/dash-to-dock/stylesheet.css b/src/other/dash-to-dock/stylesheet.css deleted file mode 100644 index a1b5c2f2..00000000 --- a/src/other/dash-to-dock/stylesheet.css +++ /dev/null @@ -1,186 +0,0 @@ -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; -} - -#dashtodockContainer .number-overlay { - color: white; - background-color: rgba(0, 0, 0, 0.75); - text-align: center; -} - -#dashtodockContainer .notification-badge { - color: white; - background-color: #0860F2; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; -} - -#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { - border: 1px solid rgba(0, 0, 0, 0.03); -} - -#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; -} - -#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { - border-radius: 18px; - margin-top: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.top.shrink #dash { - border-top-width: 0; -} - -#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { - border-radius: 18px; - margin-bottom: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.bottom.shrink #dash { - border-bottom-width: 0; -} - -#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { - border-radius: 18px; - margin-left: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.left.shrink #dash { - border-left-width: 0; -} - -#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { - border-radius: 18px; - margin-right: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.right.shrink #dash { - border-right-width: 0; -} - -#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); -} - -#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - -#dashtodockContainer.dashtodock #dash { - background: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.opaque #dash { - background: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.transparent #dash { - background: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer:overview #dash { - background: rgba(255, 255, 255, 0.15); -} - -#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { - background-color: transparent !important; - box-shadow: none !important; -} - -#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { - background-color: rgba(241, 241, 241, 0.15); -} - -#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; -} - -#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { - padding: 1px 2px; -} - -#dashtodockContainer .app-well-app .overview-icon, -#dashtodockContainer .show-apps .overview-icon { - padding: 8px; - background-size: contain; -} - -#dashtodockContainer.extended .app-well-app .overview-icon, -#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, -#dashtodockContainer.extended:overview .show-apps .overview-icon { - border-radius: 6px; -} - -#dashtodockContainer .metro .overview-icon { - border-radius: 0; -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} diff --git a/src/other/dash-to-dock/stylesheet.scss b/src/other/dash-to-dock/stylesheet.scss deleted file mode 100644 index 0fab594b..00000000 --- a/src/other/dash-to-dock/stylesheet.scss +++ /dev/null @@ -1,9 +0,0 @@ -$variant: 'light'; -$laptop: 'false'; -$trans: 'true'; -$black: 'false'; -$theme: 'default'; - -@import '../../sass/colors'; -@import '../../sass/variables'; -@import '_dash-to-dock.scss'; diff --git a/src/other/firefox/README.md b/src/other/firefox/README.md deleted file mode 100644 index 16dce393..00000000 --- a/src/other/firefox/README.md +++ /dev/null @@ -1,83 +0,0 @@ - -## Firefox WhiteSur theme - -<p align="center" > A MacOS Big Sur theme for Firefox 70+ </p> - -#### Preview -![Preview](preview.png?raw=true) - -## Description - -This is a bunch of CSS code to make Firefox look closer to MacOS Big Sur theme. -Based on https://github.com/rafaelmardojai/firefox-gnome-theme - -## Installation - -### Manual installation - -Copy `../configuration/user.js` to your user Firefox Profile Directory - -or you can: - -1. Go to `about:support` in Firefox. -2. Application Basics > Profile Directory > Open Directory. -3. Copy `chrome` folder Firefox config folder. -4. If you are using Firefox 69+: - 1. Go to `about:config` in Firefox. - 2. Search for `toolkit.legacyUserProfileCustomizations.stylesheets` and set it to `true`. -5. Restart Firefox. -6. Open Firefox customization panel and: - 1. Use *Title bar* option to toggle CSD if is not set by default. - 2. Move the new tab button to headerbar. - 3. Select light or dark variants on theme switcher. -7. Be happy with your new gnomish Firefox. - -## Enabling optional features -Open `userChrome.css` with a text editor and follow instructions to enable extra features. Keep in mind this file might change in future versions and your configuration will be lost. You can copy the @imports you want to enable to a new file named `customChrome` directly in your `chrome` directory if you want it to survive updates. Remember all @imports must be at the top of the file, before other statements. - -## Known bugs - -### CSD have sharp corners -See upstream [bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1408360). - -#### Wayland fix: -1. Go to the `about:config` page -2. Search for the `layers.acceleration.force-enabled` preference and set it to true. -3. Now restart Firefox, and it should look good! - -#### X11 fix: -1. Go to the `about:config` page -2. Type `mozilla.widget.use-argb-visuals` -3. Set it as a `boolean` and click on the add button -4. Now restart Firefox, and it should look good! - -### Icons color broken -Icons might appear black where they should be white on some systems. I have no idea why, but you can adjust them in the `theme/colors/light.css` or `theme/colors/dark.css` files, look for `--gnome-icons-hack-filter` var and play with css filters. - -## Development - -If you wanna mess around the styles and change something, you might find these -things useful. - -To use the Inspector to debug the UI, open the developer tools (F12) on any -page, go to options, check both of those: - -- Enable browser chrome and add-on debugging toolboxes -- Enable remote debugging - -Now you can close those tools and press Ctrl+Alt+Shift+I to Inspect the browser -UI. - -Also you can inspect any GTK3 application, for example type this into a terminal -and it will run Epiphany with the GTK Inspector, so you can check the CSS styles -of its elements too. - -```sh -GTK_DEBUG=interactive epiphany -``` - -Feel free to use any parts of my code to develop your own themes, I don't force -any specific license on your code. - -## Credits -Developed by **Rafael Mardojai** and [contributors](https://github.com/rafaelmardojai/firefox-gnome-theme/graphs/contributors). Based on **[Sai Kurogetsu](https://github.com/kurogetsusai/firefox-gnome-theme)** original work. diff --git a/src/other/firefox/chrome/WhiteSur/colors/dark.css b/src/other/firefox/chrome/WhiteSur/colors/dark.css deleted file mode 100644 index 1dc48fa2..00000000 --- a/src/other/firefox/chrome/WhiteSur/colors/dark.css +++ /dev/null @@ -1,130 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* Variables that start with --gnome- are added by me and are assigned - * to elements somewhere in this code. The rest of the variables are - * built-in in Firefox, so you need to add an !important if you wanna - * override them. */ - -@media (prefers-color-scheme: dark) { - :root { - /* Browser area before a page starts loading */ - --gnome-browser-before-load-background: #333333; - --theme-primary-color: #315bef; - - /* Toolbars */ - --gnome-toolbar-background: #373737; - --gnome-tabstoolbar-background: #1e1e1e; - --gnome-findbar-background: #333333; - --gnome-toolbar-color: #ffffff; - --gnome-toolbar-border-color: #070707; - --gnome-inactive-toolbar-background: #313131; - --gnome-inactive-toolbar-border-color: #121212; - - /* Sidebar */ - --gnome-sidebar-background: #3b3b3b; - --gnome-inactive-sidebar-background: #3f3f3f; - - /* Popups */ - --gnome-menu-background: rgba(51, 51, 51, 0.95); - --gnome-menu-border-color: #070707; - --gnome-popover-background: rgba(51, 51, 51, 0.95); - --gnome-popover-border-color: #070707; - --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06); - --gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1); - --gnome-popover-button-active-background: rgba(255, 255, 255, 0.15); - --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); - - /* Header bar */ - --gnome-headerbar-background: #373737; - --gnome-headerbar-border-color: #070707; - --gnome-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); - --gnome-inactive-headerbar-background: #313131; - --gnome-inactive-headerbar-border-color: #202020; - --gnome-inactive-headerbar-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); - - /* Buttons */ - --gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%); - --gnome-button-border-color: #282828; - --gnome-button-border-accent-color: #282828; - --gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - --gnome-button-hover-color: rgba(255, 255, 255, 0.1); - --gnome-button-active-color: rgba(255, 255, 255, 0.2); - --gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%); - --gnome-button-active-background: linear-gradient(to top, #464646 0%, #525252 100%); - --gnome-button-active-border-color: #1b1b1b; - --gnome-button-active-border-accent-color: #1b1b1b; - --gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - --gnome-button-disabled-background: #505050; - --gnome-button-disabled-border-color: #323232; - --gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03); - --gnome-inactive-button-background: linear-gradient(#383838, #383838); - --gnome-inactive-button-border-color: #323232; - --gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0); - --gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e); - --gnome-button-suggested-action-border-color: #0f3b71; - --gnome-button-suggested-action-border-accent-color: #092444;; - --gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); - --gnome-button-suggested-action-hover-background: linear-gradient(to top, #155099, #1655a2 1px); - --gnome-button-suggested-action-active-background: #103e75; - --gnome-button-suggested-action-active-border-color: #0f3b71; - --gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); - --gnome-button-destructive-action-background: linear-gradient(to top, #ae151c 2px, #b2161d); - --gnome-button-destructive-action-border-color: #851015; - --gnome-button-destructive-action-border-accent-color: #570b0e; - --gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); - --gnome-button-destructive-action-hover-background: linear-gradient(to top, #ae151c, #b7161d 1px); - --gnome-button-destructive-action-active-background: #8a1116; - --gnome-button-destructive-action-active-border-color: #851015; - --gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); - - --gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1); - --gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15); - - /* URL bar */ - --gnome-urlbar-background: #464646; - --gnome-urlbar-border-color: #282828; - --gnome-urlbar-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0); - --gnome-urlbar-color: #ffffff; - --gnome-hover-urlbar-border-color: #585858; - --gnome-inactive-urlbar-background: #313131; - --gnome-inactive-urlbar-border-color: #282828; - --gnome-inactive-urlbar-box-shadow: none; - --gnome-inactive-urlbar-color: #d6d6d6; - --gnome-focused-urlbar-border-color: #338CBE; - --gnome-focused-urlbar-highlight-color: #006EA0; - --gnome-private-urlbar-background: #25003e; - - /* Tabs */ - --gnome-tabbar-tab-background: #262626; - --gnome-tabbar-tab-color: rgb(141, 144, 145); - --gnome-tabbar-tab-hover-background: #2b2b2b; - --gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b; - --gnome-tabbar-tab-hover-color: rgb(200, 200, 200); - --gnome-tabbar-tab-active-background: #373737; - --gnome-tabbar-tab-active-border-bottom-color: #15539e; - --gnome-tabbar-tab-active-color: #ffffff; - --gnome-tabbar-tab-active-hover-background: #313131; - --gnome-inactive-tabbar-tab-color: rgb(141, 144, 145); - --gnome-inactive-tabbar-tab-active-background: #313131; - --gnome-inactive-tabbar-tab-active-border-bottom-color: #15539e; - --gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145); - - /* Switch */ - --gnome-switch-background: #282828; - --gnome-switch-border-color: #1b1b1b; - --gnome-switch-slider-background: linear-gradient(to bottom, #3c3c3c 20%, #353535 90%); - --gnome-switch-slider-border-color: #111111; - --gnome-switch-slider-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); - --gnome-switch-active-background: #15539e; - --gnome-switch-active-border-color: #030c17; - --gnome-switch-active-slider-border-color: #030c17; - - /* Dirty hacks for replaced symbolic icons, they load from - * /usr/share/icons/<theme>/ and on some systems they need to be - * inverted, on others they don't, adjusts the filters below to your - * needs (you may also adjust icon brightness here). */ - --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%); - --gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); /* without invert: none */ - --gnome-window-icons-hack-filter: invert(90%); /* without invert: none */ - } -} diff --git a/src/other/firefox/chrome/WhiteSur/colors/light.css b/src/other/firefox/chrome/WhiteSur/colors/light.css deleted file mode 100644 index f99ab219..00000000 --- a/src/other/firefox/chrome/WhiteSur/colors/light.css +++ /dev/null @@ -1,128 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* Variables that start with --gnome- are added by me and are assigned - * to elements somewhere in this code. The rest of the variables are - * built-in in Firefox, so you need to add an !important if you wanna - * override them. */ - -:root { - /* Browser area before a page starts loading */ - --gnome-browser-before-load-background: #f5f5f5; - --theme-primary-color: #315bef; - - /* Toolbars */ - --gnome-toolbar-background: #ffffff; - --gnome-tabstoolbar-background: #E5E5E5; - --gnome-findbar-background: #f5f5f5; - --gnome-toolbar-color: rgb(46, 52, 54); - --gnome-toolbar-border-color: #cfcfcf; - --gnome-inactive-toolbar-color: rgba(46, 52, 54, 0.35); - --gnome-inactive-toolbar-background: #f6f5f4; - --gnome-inactive-toolbar-border-color: #dadada; - - /* Sidebar */ - --gnome-sidebar-background: #f5f5f5; - --gnome-inactive-sidebar-background: #f9f9f8; - - /* Popups */ - --gnome-menu-background: rgba(255, 255, 255, 0.95); - --gnome-menu-border-color: #cdc7c2; - --gnome-popover-background: rgba(255, 255, 255, 0.95); - --gnome-popover-border-color: #cdc7c2; - --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); - --gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1); - --gnome-popover-button-active-background: rgba(0, 0, 0, 0.2); - --gnome-popover-separator-color: rgba(0, 0, 0, 0.1); - - /* Header bar */ - --gnome-headerbar-background: #ffffff; - --gnome-headerbar-border-color: #bdb7b0; - --gnome-headerbar-box-shadow: 0 1px rgba(255, 255, 255, 0.65) inset; - --gnome-inactive-headerbar-background: #f5f5f5; - --gnome-inactive-headerbar-border-color: #dadada; - --gnome-inactive-headerbar-box-shadow: 0 1px #fff inset; - - /* Buttons */ - --gnome-button-background: linear-gradient(to top, #f1f1f1 0%, #fdfdfd 95%, #fefefe 100%); - --gnome-button-border-color: #cdc7c2; - --gnome-button-border-accent-color: #b2b2b1; - --gnome-button-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.03); - --gnome-button-hover-color: rgba(0, 0, 0, 0.1); - --gnome-button-active-color: rgba(0, 0, 0, 0.2); - --gnome-button-hover-background: linear-gradient(to top, #fdfdfd 0%, #ffffff 100%); - --gnome-button-active-background: #cfcfcf; - --gnome-button-active-border-color: #b2b2b1; - --gnome-button-active-box-shadow: 0 1px rgba(255, 255, 255, 0) inset; - --gnome-button-disabled-background: #faf9f8; - --gnome-button-disabled-border-color: #cdc7c2; - --gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0); - --gnome-inactive-button-background: #f6f5f4; - --gnome-inactive-button-border-color: #dadada; - --gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0); - --gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4); - --gnome-button-suggested-action-border-color: #1b6acb; - --gnome-button-suggested-action-border-accent-color: #15539e; - --gnome-button-suggested-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); - --gnome-button-suggested-action-hover-background: linear-gradient(to top, #3584e4, #3987e5 1px); - --gnome-button-suggested-action-active-background: #1961b9; - --gnome-button-suggested-action-active-border-color: #1b6acb; - --gnome-button-suggested-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); - --gnome-button-destructive-action-background: linear-gradient(to top, #ce1921 2px, #e01b24); - --gnome-button-destructive-action-border-color: #b2161d; - --gnome-button-destructive-action-border-accent-color: #851015; - --gnome-button-destructive-action-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); - --gnome-button-destructive-action-hover-background: linear-gradient(to top, #e01b24, #e41c26 1px); - --gnome-button-destructive-action-active-background: #a0131a; - --gnome-button-destructive-action-active-border-color: #b2161d; - --gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0); - - --gnome-headerbar-button-hover-background: rgba(0, 0, 0, 0.1); - --gnome-headerbar-button-active-background: rgba(0, 0, 0, 0.15); - - /* URL bar */ - --gnome-urlbar-background: #f5f5f5; - --gnome-urlbar-border-color: #b6b6b3; - --gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03); - --gnome-urlbar-color: #020202; - --gnome-hover-urlbar-border-color: #e5e5e5; - --gnome-inactive-urlbar-background: linear-gradient(#fcfcfc, #fcfcfc); - --gnome-inactive-urlbar-border-color: #dadada; - --gnome-inactive-urlbar-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); - --gnome-inactive-urlbar-color: #323232; - --gnome-focused-urlbar-border-color: #5683DA; - --gnome-focused-urlbar-highlight-color: #6592E9; - --gnome-private-urlbar-background: #e6c2ff; - - /* Tabs */ - --gnome-tabbar-tab-background: #E5E5E5; - --gnome-tabbar-tab-color: rgb(141, 144, 145); - --gnome-tabbar-tab-hover-background: #d5d5d5; - --gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3; - --gnome-tabbar-tab-hover-color: rgb(93, 98, 99); - --gnome-tabbar-tab-active-background: #ffffff; - --gnome-tabbar-tab-active-border-bottom-color: #4a90d9; - --gnome-tabbar-tab-active-color: rgb(46, 52, 54); - --gnome-tabbar-tab-active-hover-background: #f5f5f5; - --gnome-inactive-tabbar-tab-color: #8b8e8f; - --gnome-inactive-tabbar-tab-active-background: #f5f5f5; - --gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color); - --gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color); - - /* Switch */ - --gnome-switch-background: #e1dedb; - --gnome-switch-border-color: #cdc7c2; - --gnome-switch-slider-background: linear-gradient(to bottom, white 10%, white 90%); - --gnome-switch-slider-border-color: #bfb8b1; - --gnome-switch-slider-box-shadow: inset 0 1px white, 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); - --gnome-switch-active-background: #3584e4; - --gnome-switch-active-border-color: #185fb4; - --gnome-switch-active-slider-border-color: #185fb4; - - /* Dirty hacks for replaced symbolic icons, they load from - * /usr/share/icons/<theme>/ and on some systems they need to be - * inverted, on others they don't, adjusts the filters below to your - * needs (you may also adjust icon brightness here). */ - --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%); - --gnome-icons-hack-filter: none; - --gnome-window-icons-hack-filter: invert(30%); -} diff --git a/src/other/firefox/chrome/WhiteSur/drag-window-headerbar-buttons.css b/src/other/firefox/chrome/WhiteSur/drag-window-headerbar-buttons.css deleted file mode 100644 index a0c207cc..00000000 --- a/src/other/firefox/chrome/WhiteSur/drag-window-headerbar-buttons.css +++ /dev/null @@ -1,16 +0,0 @@ -/* Allow drag window from headerbar buttons */ - -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -:root[tabsintitlebar] #nav-bar *, -:root[tabsintitlebar] #titlebar .titlebar-button, -:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { - -moz-window-dragging: drag; -} - -/* Avoid window dragging from urlbar */ -:root[tabsintitlebar] #nav-bar .urlbar-input-box, -:root[tabsintitlebar] #nav-bar .urlbar-input-box * { - -moz-window-dragging: no-drag !important; -} - diff --git a/src/other/firefox/chrome/WhiteSur/hide-single-tab.css b/src/other/firefox/chrome/WhiteSur/hide-single-tab.css deleted file mode 100644 index 943c67b2..00000000 --- a/src/other/firefox/chrome/WhiteSur/hide-single-tab.css +++ /dev/null @@ -1,7 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -#tabbrowser-tabs tab:only-of-type { - display: none !important; -} - -/* TODO: Hidde tabbar bottom border */ diff --git a/src/other/firefox/chrome/WhiteSur/hide-window-buttons.css b/src/other/firefox/chrome/WhiteSur/hide-window-buttons.css deleted file mode 100644 index 2859cebd..00000000 --- a/src/other/firefox/chrome/WhiteSur/hide-window-buttons.css +++ /dev/null @@ -1,9 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox-container { - display: none !important; -} - -:root[tabsintitlebar][sizemode="maximized"] #nav-bar { - padding-left: 3px !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-blocked-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-blocked-symbolic.svg deleted file mode 100644 index 74a645fc..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-blocked-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#6e6e6e; } .ColorScheme-Highlight { color:#5294e2; }</style> - </defs> - <path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v3.1543h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h3.1543v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h3.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h3c0.554 0 1 0.446 1 1v3h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v3c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h3v-2c0-0.554 0.446-1 1-1z" fill="#363636" opacity=".35"/> - <rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".86" stroke-width="2.2361"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-symbolic.svg deleted file mode 100644 index 0b896c92..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/application-x-addon-symbolic.svg +++ /dev/null @@ -1,16 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> -<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> - <metadata> - <rdf:RDF> - <cc:Work rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> - <dc:title/> - </cc:Work> - </rdf:RDF> - </metadata> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#6e6e6e; } .ColorScheme-Highlight { color:#5294e2; }</style> - </defs> - <path d="m7 0c-1.108 0-2 0.892-2 2v1h-2.1543c-1.0228 0-1.8457 0.82293-1.8457 1.8457v2.1543 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2.1543c0 1.0228 0.82293 1.8457 1.8457 1.8457h2.1543 1v-2c0-0.554 0.446-1 1-1s1 0.446 1 1v2h1 2.1543c1.0228 0 1.8457-0.82293 1.8457-1.8457v-2.1543h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2.1543c0-1.0228-0.82293-1.8457-1.8457-1.8457h-2.1543v-1c0-1.108-0.892-2-2-2zm0 1c0.554 0 1 0.446 1 1v2h1 2c0.554 0 1 0.446 1 1v2 1h2c0.554 0 1 0.446 1 1s-0.446 1-1 1h-2v1 2c0 0.554-0.446 1-1 1h-2v-1c0-1.108-0.892-2-2-2s-2 0.892-2 2v1h-2c-0.554 0-1-0.446-1-1v-2h1c1.108 0 2-0.892 2-2s-0.892-2-2-2h-1v-2c0-0.554 0.446-1 1-1h2 1v-2c0-0.554 0.446-1 1-1z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/applications-engineering-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/applications-engineering-symbolic.svg deleted file mode 100644 index e355e5aa..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/applications-engineering-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m11.02 0.53711a1.0001 1.0001 0 0 0-0.58984 0.19336c-0.89811 0.65868-1.4296 1.7085-1.4297 2.8223 0.00118 1.3259 0.86654 2.3529 2 2.9434v1.1797a7 7 0 0 1 1 0.58008v-2.2559c-1.1632-0.23743-1.9989-1.2601-2-2.4473 9.8e-5 -0.7962 0.37943-1.5447 1.0215-2.0156-4e-3 0.036332-0.021484 0.068046-0.021484 0.10547v2c0 0.554 0.446 1 1 1h1c0.554 0 1-0.446 1-1v-2c0-0.037422-0.017524-0.069136-0.021484-0.10547 0.64204 0.47088 1.0214 1.2194 1.0215 2.0156-1.29e-4 1.1879-0.83612 2.2116-2 2.4492v3.0996a7 7 0 0 1 1 1.2949v-3.9004c1.134-0.59095 1.9999-1.6166 2-2.9434-1.38e-4 -1.1138-0.53157-2.1636-1.4297-2.8223a1.0001 1.0001 0 0 0-1.5859 0.91602c0.01271 0.11643 0.014165 0.1478 0.015625 0.16797v1.8281h-1v-1.8281c0.0015-0.020168 0.002895-0.051534 0.015625-0.16797a1.0001 1.0001 0 0 0-0.99609-1.1094zm-3.0195 7.4629a6 6 0 0 0-6 6h-2v1h16v-1h-2a6 6 0 0 0-6-6zm0 1a5 5 0 0 1 5 5h-1a4 4 0 0 0-4-4 4 4 0 0 0-0.060547 0 4 4 0 0 0-3.9395 4h-1a5 5 0 0 1 5-5zm-0.052734 2a3 3 0 0 1 0.0019532 0 3 3 0 0 1 0.050781 0 3 3 0 0 1 3 3h-6a3 3 0 0 1 2.9473-3z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-blocked-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-blocked-symbolic.svg deleted file mode 100644 index e8ba914e..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-blocked-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z" fill="#363636" opacity=".35" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".86" stroke-width="2"/> - <rect transform="rotate(45)" x="1.3137" y="-.5" width="20" height="1" rx="0" ry="0" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-symbolic.svg deleted file mode 100644 index 85824fe6..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/autoplay-media-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m7.9062 1a7 7 0 0 0-6.9062 7 7 7 0 0 0 7 7 7 7 0 0 0 6.9277-6h-1.0117a6 6 0 0 1-5.916 5 6 6 0 0 1-6-6 6 6 0 0 1 6-6h2l-1.8281 1.8281 0.70703 0.70703 2.8281-2.8281-0.70703-0.70703h-3a7 7 0 0 0-0.09375 0zm-1.4238 4a0.50005 0.50005 0 0 0-0.48242 0.5v5a0.50005 0.50005 0 0 0 0.76562 0.42383l4-2.5a0.50005 0.50005 0 0 0 0-0.84766l-4-2.5a0.50005 0.50005 0 0 0-0.2832-0.076172z" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".86" stroke-width="2"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/bookmarks-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/bookmarks-symbolic.svg deleted file mode 100644 index 1d6cb675..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/bookmarks-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m4.8008 0s-0.43146-0.012793-0.87695 0.22852c-0.44549 0.24131-0.92383 0.89765-0.92383 1.6387v12.133a1.0001 1.0001 0 0 0 1.5449 0.83789l3.4551-2.2461 3.4551 2.2461a1.0001 1.0001 0 0 0 1.5449-0.83789v-12.133s0.01489-0.40654-0.19141-0.85352c-0.2063-0.44698-0.84826-1.0137-1.6094-1.0137h-6.3984zm0 1h6.3984c0.8 0 0.80078 0.86719 0.80078 0.86719v12.133l-4-2.5996-4 2.5996v-12.133c0-0.86667 0.80078-0.86719 0.80078-0.86719z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#363636" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/character-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/character-symbolic.svg deleted file mode 100644 index 47a62e43..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/character-symbolic.svg +++ /dev/null @@ -1,18 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> - <metadata> - <rdf:RDF> - <cc:Work rdf:about=""> - <dc:format>image/svg+xml</dc:format> - <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> - <dc:title/> - </cc:Work> - </rdf:RDF> - </metadata> - <g fill="#363636" stroke-linecap="round" stroke-linejoin="round"> - <path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v10c0 0.554-0.446 1-1 1h-10c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1z"/> - <path d="m6 9c-0.554 0-1 0.446-1 1v1c0 0.554 0.446 1 1 1h4c0.554 0 1-0.446 1-1v-1c0-0.554-0.446-1-1-1zm0 1h4v1h-4z"/> - <path d="m5 7v1h5v2h1v-2c0-0.554-0.446-1-1-1z"/> - <rect transform="rotate(-30)" x="2.1603" y="7.5981" width="5" height="1" rx="0" ry="0" stroke-width=".91287"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/checkbox-checked-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/checkbox-checked-symbolic.svg deleted file mode 100644 index da86336e..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,5 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"> - <rect y="6.1719e-7" width="16" height="16" color="#000000" fill="none"/> - <path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h10c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-10zm8.2773 3.8438c0.25562 0 0.51116 0.097101 0.70703 0.29297 0.39174 0.39174 0.39174 1.0223 0 1.4141l-4.2422 4.2422c-0.39173 0.39173-0.99323 0.42083-1.3496 0.064453l-0.064453-0.064453-2.1855-2.1836c-0.35633-0.35637-0.32729-0.95983 0.064453-1.3516 0.39173-0.39173 0.99323-0.41888 1.3496-0.0625l1.4785 1.4766 3.5352-3.5352c0.19587-0.19587 0.45141-0.29297 0.70703-0.29297z" color="#000000" fill="#474747" style="paint-order:fill markers stroke"/> - <rect transform="rotate(45)" x="8.1066" y="1.1569" width="3" height="1" fill-opacity="0"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/checkbox-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/checkbox-symbolic.svg deleted file mode 100644 index 554e9272..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/checkbox-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> - <path d="M3.5 1A2.506 2.506 0 0 0 1 3.5v9C1 13.876 2.124 15 3.5 15h9c1.376 0 2.5-1.124 2.5-2.5v-9C15 2.124 13.876 1 12.5 1zm0 1h9c.84 0 1.5.66 1.5 1.5v9c0 .84-.66 1.5-1.5 1.5h-9c-.84 0-1.5-.66-1.5-1.5v-9C2 2.66 2.66 2 3.5 2z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#000" font-weight="400" font-family="sans-serif" white-space="normal" overflow="visible" fill="#474747"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/drm-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/drm-symbolic.svg deleted file mode 100644 index 019bec4d..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/drm-symbolic.svg +++ /dev/null @@ -1,12 +0,0 @@ -<svg version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { - color:#363636; - }</style> - </defs> - <g transform="translate(-.20339 -.13559)"> - <path d="m9.6176 6.7214c-0.12118-0.12118-0.25154-0.22665-0.38947-0.31763l-0.73473 0.73473c0.14934 0.07242 0.2917 0.16462 0.41709 0.29001 0.59372 0.59372 0.59372 1.5276 0 2.1213l-2.1213 2.1213c-0.59372 0.59372-1.5276 0.59372-2.1213 0-0.59372-0.59372-0.59372-1.5276 0-2.1213l0.60491-0.60491c-0.13649-0.39092-0.21105-0.79819-0.20578-1.2084l-1.1062 1.1062c-0.97323 0.97323-0.97323 2.5623 0 3.5355 0.97323 0.97323 2.5623 0.97323 3.5355 0l2.1213-2.1213c0.97323-0.97323 0.97323-2.5623 0-3.5355z" style="fill:currentColor" class="ColorScheme-Text"/> - <path d="m6.7892 9.5498c0.12118 0.12118 0.25154 0.22665 0.38948 0.31763l0.73473-0.73473c-0.14934-0.07241-0.29166-0.16466-0.41705-0.29006-0.59372-0.59372-0.59372-1.5276 0-2.1213l2.1213-2.1213c0.59372-0.59372 1.5276-0.59372 2.1213 0 0.59372 0.59372 0.59372 1.5276 0 2.1213l-0.60491 0.60491c0.13649 0.39092 0.21105 0.79819 0.20578 1.2084l1.1062-1.1062c0.97323-0.97323 0.97323-2.5623 0-3.5355-0.97323-0.97323-2.5623-0.97323-3.5355 0l-2.1213 2.1213c-0.97323 0.97323-0.97323 2.5623 0 3.5355z" style="fill:currentColor" class="ColorScheme-Text"/> - </g> - <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z" style="fill:currentColor" class="ColorScheme-Text"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-copy-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/edit-copy-symbolic.svg deleted file mode 100644 index e6360cd6..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/edit-copy-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m2 0c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-7zm0 1h7c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-8c0-0.554 0.446-1 1-1z" fill="#363636"/> - <path d="m12 4v1h1c0.554 0 1 0.446 1 1v8c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-1h-1v1c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-1z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-cut-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/edit-cut-symbolic.svg deleted file mode 100644 index d88918c2..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/edit-cut-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m13.418 3.01a1.99 1.99 0 0 0-0.55 0.65 7.27 7.27 0 0 1-0.206 0.375c-0.076 0.136-0.168 0.296-0.275 0.494a10.953 10.953 0 0 1-1.14 1.712c-4e-3 4e-3 -0.32 0.365-0.669 0.677-1.953-0.838-5.151-2.203-5.46-2.281-0.459-0.116-0.897 0.21-0.916 0.223l-0.202 0.152 0.216 0.13 4.708 2.858-4.708 2.857-0.216 0.13 0.202 0.152c0.019 0.014 0.457 0.338 0.917 0.223 0.305-0.076 3.506-1.443 5.459-2.282 0.35 0.315 0.664 0.675 0.667 0.678 6e-3 7e-3 0.579 0.678 1.142 1.714 0.107 0.197 0.199 0.359 0.277 0.494 0.085 0.152 0.154 0.271 0.205 0.373 0.099 0.195 0.305 0.473 0.549 0.652a1.627 1.627 0 0 0 2.27-0.349c0.204-0.28 0.312-0.61 0.312-0.956 0-0.512-0.245-1.002-0.657-1.31a1.568 1.568 0 0 0-0.57-0.268c-0.154-0.056-0.27-0.074-0.394-0.095-0.184-0.032-0.392-0.067-0.81-0.234-0.813-0.326-1.493-0.93-1.504-0.943-0.198-0.164-0.391-0.454-0.561-0.836 0.17-0.383 0.363-0.672 0.565-0.843 7e-3 -4e-3 0.685-0.608 1.5-0.935 0.418-0.168 0.626-0.204 0.81-0.234 0.123-0.02 0.24-0.041 0.378-0.09 0.207-0.05 0.41-0.145 0.59-0.275 0.41-0.308 0.653-0.796 0.653-1.308a1.6 1.6 0 0 0-0.312-0.956 1.625 1.625 0 0 0-2.27-0.35m1.066 0.617a0.705 0.705 0 0 1 0.595 0.691 0.706 0.706 0 0 1-0.287 0.568 0.693 0.693 0 0 1-0.522 0.127 0.69 0.69 0 0 1-0.457-0.279 0.702 0.702 0 0 1 0.671-1.107m-4.69 4.374m4.998 3.117a0.7 0.7 0 0 1-0.308 1.256 0.693 0.693 0 0 1-0.522-0.127 0.705 0.705 0 0 1-0.15-0.98 0.7 0.7 0 0 1 0.98-0.15" fill="#363636"/> - <path d="m3 1c-1.108 0-2 0.892-2 2v10c0 1.108 0.892 2 2 2h7c1.108 0 2-0.892 2-2v-1h-1v1c0 0.554-0.446 1-1 1h-7c-0.554 0-1-0.446-1-1v-10c0-0.554 0.446-1 1-1h7c0.554 0 1 0.446 1 1v1h1v-1c0-1.108-0.892-2-2-2h-7z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-find-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/edit-find-symbolic.svg deleted file mode 100644 index 0e0905f2..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/edit-find-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g transform="rotate(45 7.7071 8.7071)" fill="#363636"> - <path d="m6 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5zm0 1a4 4 0 0 1 4 4 4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4z"/> - <rect x="10" y="7.5" width="7" height="1" stroke-width=".93541"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/edit-paste-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/edit-paste-symbolic.svg deleted file mode 100644 index 124bf7cd..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/edit-paste-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m8 0c-1.1046 0-2 0.89543-2 2h-1-0.93945-0.060547v0.0058594c-1.113 0.032581-2 0.93345-2 2.0547v8.8789c0 1.142 0.91853 2.0605 2.0605 2.0605h7.8789c1.142 0 2.0605-0.91853 2.0605-2.0605v-8.8789c0-1.142-0.91853-2.0605-2.0605-2.0605h-0.93945-1c0-0.138-0.00525-0.27625-0.03125-0.40625-0.19615-0.93036-1.0179-1.5956-1.9688-1.5938zm-0.011719 1c0.0039062-2.289e-5 0.0078126-2.289e-5 0.011719 0 0.414 0 0.75425 0.266 0.90625 0.625 0.056891 0.11716 0.088816 0.24486 0.09375 0.375-6.1e-5 0.88813-1.0716 1.3352-1.7031 0.71094-0.63157-0.62426-0.19666-1.7005 0.69141-1.7109zm-3.9883 2h1 1v1s-1 0-1 1h6c0-0.75-0.56275-0.953-0.84375-1h-0.15625v-1h1 1c0.554 0 1 0.446 1 1v9c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-9c0-0.554 0.446-1 1-1z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/folder-download-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/folder-download-symbolic.svg deleted file mode 100644 index 1b3aeb8a..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/folder-download-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style> - </defs> - <path d="m7.5 0a7.5 7.5 0 0 0-7.5 7.5 7.5 7.5 0 0 0 7.5 7.5 7.5 7.5 0 0 0 7.5-7.5 7.5 7.5 0 0 0-7.5-7.5zm0 1a6.5 6.5 0 0 1 6.5 6.5 6.5 6.5 0 0 1-6.5 6.5 6.5 6.5 0 0 1-6.5-6.5 6.5 6.5 0 0 1 6.5-6.5zm0 3c-0.277 0-0.5 0.223-0.5 0.5v4.793l-1.2676-1.2676c-0.19587-0.19587-0.51116-0.19587-0.70703 0s-0.19587 0.51116 0 0.70703l2.1211 2.1211c0.047012 0.047012 0.10324 0.084075 0.16602 0.10938 0.12034 0.048967 0.25466 0.048967 0.375 0 0.062778-0.0253 0.119-0.062363 0.16602-0.10938l2.1211-2.1211c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-1.2676 1.2676v-4.793c0-0.277-0.223-0.5-0.5-0.5z" style="fill:currentColor" class="ColorScheme-Text"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/folder-locked-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/folder-locked-symbolic.svg deleted file mode 100644 index fbf365e6..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/folder-locked-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> - </defs> - <path d="m8 0c-2.216 0-4 1.784-4 4v2h1v-2c0-1.662 1.338-3 3-3s3 1.338 3 3v2h1v-2c0-2.216-1.784-4-4-4z" style="fill:currentColor" class="ColorScheme-Text"/> - <path d="m4 6c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h8c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2h-8zm0 1h8c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-8c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" style="fill:currentColor" class="ColorScheme-Text"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/folder-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/folder-symbolic.svg deleted file mode 100644 index 05e119d9..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/folder-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; } .ColorScheme-Text { color:#363636; }</style> - </defs> - <path d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2h-2-5.6289c-0.57985-0.0229-0.60474 0.076886-1.0391-0.35742-0.43381-0.43381-0.61297-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.383e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h6.002 2c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1zm-1 4h14v6c0 0.554-0.446 1-1 1h-12c-0.554 0-1-0.446-1-1v-6z" style="fill:currentColor" class="ColorScheme-Text"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/forget-history-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/forget-history-symbolic.svg deleted file mode 100644 index f7512cbd..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/forget-history-symbolic.svg +++ /dev/null @@ -1,10 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> - </defs> - <g style="fill:currentColor" class="ColorScheme-Text"> - <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/> - <rect x="8" y="2" width="1" height="7" ry=".5"/> - <rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/go-next-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/go-next-symbolic.svg deleted file mode 100644 index ce6449ae..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/go-next-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m4.8418 1.8416c-0.12781 0-0.25558 0.04855-0.35352 0.14648-0.19587 0.19587-0.19587 0.51116 0 0.70703l5.3047 5.3047-5.3047 5.3047c-0.19587 0.19587-0.19587 0.51116 0 0.70703 0.19587 0.19587 0.51116 0.19587 0.70703 0l5.6582-5.6582c0.19587-0.19587 0.19587-0.51116 0-0.70703l-5.6582-5.6582c-0.097934-0.097934-0.22571-0.14648-0.35352-0.14648z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8091"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/go-previous-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/go-previous-symbolic.svg deleted file mode 100644 index ede8ba35..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/go-previous-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m10.159 1.8416c0.12781 0 0.25558 0.04855 0.35352 0.14648 0.19587 0.19587 0.19587 0.51116 0 0.70703l-5.3047 5.3047 5.3047 5.3047c0.19587 0.19587 0.19587 0.51116 0 0.70703-0.19587 0.19587-0.51116 0.19587-0.70703 0l-5.6582-5.6582c-0.19587-0.19587-0.19587-0.51116 0-0.70703l5.6582-5.6582c0.09793-0.097934 0.22571-0.14648 0.35352-0.14648z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8091"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/import-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/import-symbolic.svg deleted file mode 100644 index a9fd389e..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/import-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m12 15c1.108 0 2-0.892 2-2v-10c0-1.108-0.892-2-2-2h-8c-1.108 0-2 0.892-2 2v5.6797a4.3293 4.3293 0 0 1 1-0.2832v-5.3965c0-0.554 0.446-1 1-1h8c0.554 0 1 0.446 1 1v10c0 0.554-0.446 1-1 1h-4.2109a4.3293 4.3293 0 0 1-0.47461 1h4.6855z" fill="#363636"/> - <path d="m7 12.5a3.5 3.5 0 0 1-3.5 3.5 3.5 3.5 0 0 1-3.5-3.5 3.5 3.5 0 0 1 3.5-3.5 3.5 3.5 0 0 1 3.5 3.5zm-1.0859 0-2.5-2.5-0.70703 0.70703 1.293 1.293h-3v1h3l-1.293 1.293 0.70703 0.70703 2.5-2.5z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/library-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/library-symbolic.svg deleted file mode 100644 index 20c92767..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/library-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg"> - <rect x=".52916" y=".26458" width=".26458" height="3.7042" rx=".13229" ry=".13229" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width=".57157" style="paint-order:markers stroke fill"/> - <rect x="1.3229" y=".79374" width=".26458" height="3.1749" rx=".13229" ry=".13229" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width=".52916" style="paint-order:markers stroke fill"/> - <rect x="2.1167" y=".52916" width=".26458" height="3.4396" rx=".13229" ry=".13229" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width=".55078" style="paint-order:markers stroke fill"/> - <rect transform="rotate(-15)" x="2.5415" y="1.6454" width=".26458" height="3.175" rx=".13229" ry=".13229" fill="#363636" stroke-linecap="round" stroke-linejoin="round" stroke-width=".52917" style="paint-order:markers stroke fill"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/mail-unread-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/mail-unread-symbolic.svg deleted file mode 100644 index 035ac16c..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/mail-unread-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path class="ColorScheme-Text" d="m2 2c-1.108 0-2 0.892-2 2v8c0 1.108 0.892 2 2 2h12c1.108 0 2-0.892 2-2v-8c0-1.108-0.892-2-2-2zm0 1h12c0.48888 0 0.87448 0.35406 0.96289 0.81641l-6.4238 5.1152c-0.30559 0.24335-0.77254 0.24335-1.0781 0l-6.4238-5.1152c0.088406-0.46235 0.47401-0.81641 0.96289-0.81641zm-1 2.0488 3.7051 2.9512-3.7051 2.9512v-5.9023zm14 0v5.9023l-3.7051-2.9512 3.7051-2.9512zm-9.502 3.584 1.1699 0.93164c0.73087 0.58201 1.9332 0.58201 2.6641 0l1.1699-0.93164 4.4609 3.5508c-0.08841 0.46235-0.47401 0.81641-0.96289 0.81641h-12c-0.48888 0-0.87448-0.35406-0.96289-0.81641l4.4609-3.5508z" color="#363636" fill="currentColor"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/network-workgroup-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/network-workgroup-symbolic.svg deleted file mode 100644 index 631781d6..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/network-workgroup-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> - </defs> - <path d="m8 0a8 8 0 0 0-0.15234 0.0058594l-0.0019531 0.0019531a8 8 0 0 0-0.035156 0.0019531 8.1695 8.1695 0 0 0-0.029297-0.0019531 8 8 0 0 0-0.097656 0.0078125 8 8 0 0 0-0.67383 0.052734 8 8 0 0 0-0.10156 0.015625 8 8 0 0 0-0.66406 0.11914 8 8 0 0 0-0.1582 0.039062 8 8 0 0 0-0.63477 0.18359 8 8 0 0 0-0.076172 0.027344 8 8 0 0 0-0.68555 0.27148 8 8 0 0 0-0.015625 0.0078125 8 8 0 0 0-0.68945 0.35547 8 8 0 0 0-0.033203 0.021484 8 8 0 0 0-0.64258 0.41992 8 8 0 0 0-0.013672 0.0097656 8 8 0 0 0-0.5918 0.47656 8 8 0 0 0-0.072266 0.066406 8 8 0 0 0-0.5 0.49219 8 8 0 0 0-0.0625 0.070312 8 8 0 0 0-0.45898 0.55469 8 8 0 0 0-0.025391 0.037109 8 8 0 0 0-0.41211 0.60938 8 8 0 0 0-0.060547 0.10352 8 8 0 0 0-0.31445 0.58594 8 8 0 0 0-0.0625 0.13867 8 8 0 0 0-0.25586 0.62305 8 8 0 0 0-0.023438 0.068359 8 8 0 0 0-0.20312 0.66992 8 8 0 0 0-0.064453 0.26758c0.0013275 5.628e-4 0.0025782 0.0013918 0.0039062 0.0019531a8 8 0 0 0-0.017578 0.083984 8 8 0 0 0-0.09375 0.55273 8 8 0 0 0-0.033203 0.27148 8 8 0 0 0-0.041016 0.61719 8 8 0 0 0-0.0058594 0.16992 8 8 0 0 0 4.5859 7.2246 8 8 0 0 0 0.011719 0.00586 8 8 0 0 0 0.38867 0.17383v0.001953a8 8 0 0 0 0.0097657 0.003906 8 8 0 0 0 0.61719 0.2168 8 8 0 0 0 0.1543 0.050781 8 8 0 0 0 0.53906 0.13086 8 8 0 0 0 0.25781 0.05664 8 8 0 0 0 0.51367 0.072266 8 8 0 0 0 0.27734 0.033203 8 8 0 0 0 0.64453 0.029297 8 8 0 0 0 0.66211-0.03125v-0.001953a8 8 0 0 0 0.013672 0 8 8 0 0 0 0.73633-0.099609 8 8 0 0 0 0.056641-0.007813 8 8 0 0 0 0.011719-0.001953 8 8 0 0 0 0.76563-0.18555 8 8 0 0 0 3.6543-2.2832 8 8 0 0 0 0.019531-0.021484 8 8 0 0 0 0.19922-0.21289 8 8 0 0 0 0.001953-0.003906c-0.0052 0.00186-0.01045 0.003879-0.015625 0.005859a8 8 0 0 0 1.8945-5.1562 8 8 0 0 0-0.26172-1.9902c0.0013-4.06e-5 0.002606 4e-5 0.003907 0a8 8 0 0 0-0.021485-0.064453 8 8 0 0 0-0.003906-0.013672 8 8 0 0 0-0.19336-0.62109 8 8 0 0 0-0.042969-0.11914 8 8 0 0 0-1.1016-2.0059 8 8 0 0 0-0.029297-0.037109 8 8 0 0 0-0.023437-0.029297 8 8 0 0 0-1.0352-1.1074 8 8 0 0 0-0.046875-0.039063 8 8 0 0 0-0.009766-0.0097656 8 8 0 0 0-0.56445-0.44727 8 8 0 0 0-0.070313-0.050781 8 8 0 0 0-0.57617-0.36719 8 8 0 0 0-0.089844-0.052734 8 8 0 0 0-3.9336-1.0449zm0 1a7 7 0 0 1 0.023438 0.0019531c-0.004856 0.12253-0.023438 0.24142-0.023438 0.36523 0 0.9854 0.12584 1.9405 0.33984 2.8613-1.1091 0.93745-2.4934 1.5589-4.0176 1.7246 0.4294-1.8215 1.2905-3.4696 2.4629-4.8457a7 7 0 0 1 0.49414-0.0625 7 7 0 0 1 0.21289-0.025391 7 7 0 0 1 0.50781-0.019531zm1.0176 0.082031a7 7 0 0 1 0.015625 0.0039063 7 7 0 0 1 0.66797 0.13281 7 7 0 0 1 0.0019531 0 7 7 0 0 1 0.0019531 0 7 7 0 0 1 0.66797 0.20508 7 7 0 0 1 0.023437 0.0078125c-0.30467 0.7143-0.71025 1.3749-1.209 1.9551-0.11504-0.6572-0.1875-1.3291-0.1875-2.0195 0-0.09654 0.014878-0.18928 0.017578-0.28516zm-3.8613 0.53125c-0.88323 1.306-1.5326 2.7808-1.873 4.375-0.6532-0.01864-1.2809-0.12781-1.8809-0.30273a7 7 0 0 1 0.25781-0.63281 7 7 0 0 1 0.019531-0.041016 7 7 0 0 1 0.31055-0.58594 7 7 0 0 1 0.0097656-0.015625 7 7 0 0 1 0.38281-0.57227 7 7 0 0 1 0.44141-0.53711 7 7 0 0 1 0.0078124-0.0097656 7 7 0 0 1 0.48242-0.48047 7 7 0 0 1 0.023438-0.019531 7 7 0 0 1 0.51562-0.41992 7 7 0 0 1 0.03125-0.021484 7 7 0 0 1 0.55859-0.36914 7 7 0 0 1 0.015625-0.0078126 7 7 0 0 1 0.61133-0.32031 7 7 0 0 1 0.085938-0.039063zm6.1484 0.21875a7 7 0 0 1 0.005859 0.0039063 7 7 0 0 1 0.59375 0.35742 7 7 0 0 1 0.5 0.37305 7 7 0 0 1 0.060547 0.044922 7 7 0 0 1 0.005859 0.0058594 7 7 0 0 1 0.45117 0.41211 7 7 0 0 1 0.058594 0.054688 7 7 0 0 1 0.003906 0.0058594 7 7 0 0 1 0.33594 0.37305 7 7 0 0 1 0.13867 0.16016 7 7 0 0 1 0.25977 0.35352 7 7 0 0 1 0.15039 0.21289 7 7 0 0 1 0.29297 0.50195 7 7 0 0 1 0.048829 0.083984 7 7 0 0 1 0.001953 0.0058594 7 7 0 0 1 0.23828 0.51758 7 7 0 0 1 0.050781 0.11328 7 7 0 0 1 0.003906 0.011719 7 7 0 0 1 0.15625 0.45703 7 7 0 0 1 0.076172 0.22656c-1.4278 0.2149-2.7415 0.77943-3.8457 1.6133-0.63033-0.9649-1.1166-2.0286-1.4395-3.1641 0.7851-0.7717 1.4127-1.6983 1.8516-2.7246zm-2.6816 3.4355c0.3607 1.109 0.86629 2.1525 1.502 3.1035-1.2292 1.1787-2.1088 2.7182-2.457 4.4512-1.1424-0.19436-2.2259-0.5536-3.2285-1.0547-0.27868-0.9986-0.43945-2.0466-0.43945-3.1348 0-0.5675 0.054496-1.1203 0.13281-1.666 1.6799-0.1247 3.2223-0.73726 4.4902-1.6992zm-7.4883 1.3672c0.6353 0.1889 1.2968 0.31508 1.9863 0.3457-0.071136 0.542-0.12109 1.0911-0.12109 1.6523 0 0.8395 0.087521 1.6592 0.24414 2.4531-0.7856-0.5172-1.4925-1.1383-2.127-1.8262a7 7 0 0 1 0-0.0019531 7 7 0 0 1-0.068359-0.50195 7 7 0 0 1-0.027344-0.22266 7 7 0 0 1-0.021484-0.5332 7 7 0 0 1 0.035156-0.69922 7 7 0 0 1 0.099609-0.66602zm13.797 0.45117a7 7 0 0 1 0.058593 0.66406 7 7 0 0 1 0.009766 0.25 7 7 0 0 1-0.70703 3.043 7 7 0 0 1-0.023438 0.052734c-1.0662-0.7006-2.0125-1.566-2.7969-2.5684 0.9896-0.7507 2.1713-1.2568 3.459-1.4414zm-4.2129 2.0898c0.8577 1.087 1.8961 2.0176 3.0605 2.7734a7 7 0 0 1-0.001953 0.003906 7 7 0 0 1-0.2832 0.37109c-1.2096 0.42703-2.5046 0.67578-3.8613 0.67578-0.32798 0-0.64964-0.022288-0.9707-0.048828 0.3059-1.4617 1.0363-2.7633 2.0566-3.7754zm-8.8984 2.1016c0.5552 0.44425 1.1479 0.84413 1.7773 1.1875 0.1492 0.46809 0.32934 0.92167 0.53125 1.3633a7 7 0 0 1-0.0058593-0.003906 7 7 0 0 1-0.5293-0.39258 7 7 0 0 1-0.03125-0.023438 7 7 0 0 1-0.51367-0.4668 7 7 0 0 1-0.46875-0.51953 7 7 0 0 1-0.41406-0.5625 7 7 0 0 1-0.3457-0.58203zm3.0566 1.7871c0.8443 0.34419 1.7346 0.59108 2.6582 0.74609-0.01846 0.22827-0.035156 0.45649-0.035156 0.68945 0 0.16094 0.012184 0.3181 0.021484 0.47656a7 7 0 0 1-0.0097656-0.001953 7 7 0 0 1-1.8516-0.38672 7 7 0 0 1-0.0078124-0.001953c-0.29525-0.484-0.55676-0.99058-0.77539-1.5215zm7.0605 0.71484a7 7 0 0 1-0.003906 0.003906 7 7 0 0 1-0.58203 0.35352 7 7 0 0 1-0.011718 0.007812 7 7 0 0 1-0.00586 0.001953 7 7 0 0 1-0.5332 0.25977 7 7 0 0 1-0.13086 0.056641 7 7 0 0 1-0.51367 0.1875 7 7 0 0 1-0.14453 0.046875 7 7 0 0 1-0.48242 0.125 7 7 0 0 1-0.2168 0.048828 7 7 0 0 1-0.44922 0.066406 7 7 0 0 1-0.33398 0.041016c-0.012573-0.15893-0.029297-0.3161-0.029297-0.47852 0-0.18734 0.013906-0.37084 0.027344-0.55469 0.36492 0.031773 0.73241 0.054688 1.1055 0.054688 0.7889 0 1.5586-0.076983 2.3047-0.2207z" style="fill:currentColor" class="ColorScheme-Text"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/notification-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/notification-symbolic.svg deleted file mode 100644 index eaab11b6..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/notification-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m8 1a1 1 0 0 0-0.994 1.1 4.988 4.988 0 0 0-4.006 4.9v4.5l-2 2v0.5h14v-0.5l-2-2v-4.5a4.987 4.987 0 0 0-4.006-4.9 1 1 0 0 0-0.994-1.1zm0 2a4 4 0 0 1 4 4v4.922l1 1.078h-10l1-1.078v-4.922a4 4 0 0 1 4-4zm-1.73 12a2 2 0 0 0 1.73 1 2 2 0 0 0 1.729-1z" fill="#363636" stroke-linecap="round" stroke-width="3"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/open-folder-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/open-folder-symbolic.svg deleted file mode 100644 index 1d13e4d5..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/open-folder-symbolic.svg +++ /dev/null @@ -1,9 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { - color:#363636; - }</style> - </defs> - <path class="ColorScheme-Text" d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h7.6777a4.5 4.5 0 0 1-0.91602-1h-6.7617c-0.554 0-1-0.446-1-1v-6h14v0.75977a4.5 4.5 0 0 1 1 0.91406v-3.6738c0-1.108-0.892-2-2-2h-7.6289c-0.57985-0.0229-0.6047 0.076884-1.0391-0.35742-0.43381-0.43381-0.613-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.414e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h8.002c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1z" fill="currentColor"/> - <path d="m12.5 8a3.5 3.5 0 0 0-3.5 3.5 3.5 3.5 0 0 0 3.5 3.5 3.5 3.5 0 0 0 3.5-3.5 3.5 3.5 0 0 0-3.5-3.5zm0 1.0859 2.5 2.5-0.70703 0.70703-1.293-1.293v3h-1v-3l-1.293 1.293-0.70703-0.70703 2.5-2.5z" fill="currentColor" class="ColorScheme-Text"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/open-menu-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/open-menu-symbolic.svg deleted file mode 100644 index f5d29646..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/open-menu-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1909"> - <rect x="2" y="4" width="12" height="1" ry=".5"/> - <rect x="2" y="8" width="12" height="1" ry=".5"/> - <rect x="2" y="12" width="12" height="1" ry=".5"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/page-action.svg b/src/other/firefox/chrome/WhiteSur/icons/page-action.svg deleted file mode 100644 index 7c8932e4..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/page-action.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g fill="#333"> - <circle cx="2" cy="8" r="1" color="#363636"/> - <circle cx="8" cy="8" r="1" color="#363636"/> - <circle cx="14" cy="8" r="1" color="#363636"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic-light.svg b/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic-light.svg deleted file mode 100644 index 861f0222..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic-light.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m13 6-5 5-5-5z" fill="#ffffff"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic.svg deleted file mode 100644 index 0afbfed7..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/pan-down-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> - <path d="M13 6l-5 5-5-5z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic-light.svg b/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic-light.svg deleted file mode 100644 index 425d85be..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic-light.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m6 13 5-5-5-5z" fill="#ffffff"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic.svg deleted file mode 100644 index ceaa1508..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/pan-end-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> - <path d="M6 13l5-5-5-5z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-start-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/pan-start-symbolic.svg deleted file mode 100644 index dd05cda6..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/pan-start-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> - <path d="M10 13L5 8l5-5z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/pan-up-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/pan-up-symbolic.svg deleted file mode 100644 index 0e98312c..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/pan-up-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> - <path d="M13 10L8 5l-5 5z" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/permissions-granted.svg b/src/other/firefox/chrome/WhiteSur/icons/permissions-granted.svg deleted file mode 100644 index a6b3b156..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/permissions-granted.svg +++ /dev/null @@ -1,8 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g fill="#333"> - <path d="m1.5 4c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h2.5879a1.5 1.5 0 0 1-0.087891-0.5 1.5 1.5 0 0 1 0.085938-0.5h-2.5859zm5.4121 0a1.5 1.5 0 0 1 0.087891 0.5 1.5 1.5 0 0 1-0.085938 0.5h7.5859c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-7.5879z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.3664"/> - <path d="m1.5 11c-0.277 0-0.5 0.223-0.5 0.5s0.223 0.5 0.5 0.5h7.5879a1.5 1.5 0 0 1-0.087891-0.5 1.5 1.5 0 0 1 0.085938-0.5h-7.5859zm10.412 0a1.5 1.5 0 0 1 0.087891 0.5 1.5 1.5 0 0 1-0.085938 0.5h2.5859c0.277 0 0.5-0.223 0.5-0.5s-0.223-0.5-0.5-0.5h-2.5879z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.3664"/> - <path d="m5.5 2a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5zm0 1a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z" stroke-linecap="square" stroke-width="2"/> - <path d="m10.5 9a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.5-2.5zm0 1a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z" stroke-linecap="square" stroke-width="2"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/preferences-system-symbolic.svg deleted file mode 100644 index 55013cfa..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path class="ColorScheme-Text" d="m6.127 0.25972c-0.064351-0.008882-0.13038-0.004251-0.19727 0.013672-0.26756 0.071693-0.42521 0.34377-0.35352 0.61133l0.13672 0.50977a7 7 0 0 0-1.1719 0.5293c-0.013468 0.00627-0.027897 0.0061-0.041016 0.013672-0.01342 0.00775-0.020785 0.02055-0.033203 0.029297a7 7 0 0 0-1.0449 0.74805l-0.37109-0.37109c-0.19587-0.19587-0.51116-0.19587-0.70703 0s-0.19587 0.51116 0 0.70703l0.36914 0.36914a7 7 0 0 0-0.77539 1.0801 7 7 0 0 0-0.54883 1.2109l-0.50391-0.13477c-0.26756-0.071693-0.53964 0.085954-0.61133 0.35352s0.085954 0.53964 0.35352 0.61133l0.50586 0.13672a7 7 0 0 0-0.00195 2.6465l-0.50391 0.13477c-0.26756 0.071693-0.42521 0.34377-0.35352 0.61133 0.071693 0.26756 0.34377 0.42521 0.61133 0.35352l0.50977-0.13672a7 7 0 0 0 1.3203 2.291l-0.37109 0.37109c-0.19587 0.19587-0.19587 0.51116 0 0.70703s0.51116 0.19587 0.70703 0l0.36914-0.36914a7 7 0 0 0 1.0801 0.77539 7 7 0 0 0 1.2109 0.54883l-0.13477 0.50391c-0.071693 0.26756 0.085954 0.53964 0.35352 0.61133 0.26756 0.07169 0.53964-0.08595 0.61133-0.35352l0.13672-0.50586a7 7 0 0 0 2.6465 2e-3l0.13477 0.50391c0.071693 0.26756 0.34377 0.42521 0.61133 0.35352 0.26756-0.07169 0.42521-0.34377 0.35352-0.61133l-0.13672-0.50976a7 7 0 0 0 2.291-1.3203l0.37109 0.37109c0.19587 0.19587 0.51116 0.19587 0.70703 0s0.19587-0.51116 0-0.70703l-0.36914-0.36914a7 7 0 0 0 0.77539-1.0801 7 7 0 0 0 0.54883-1.2109l0.50391 0.13477c0.26756 0.07169 0.53964-0.08595 0.61133-0.35352 0.07169-0.26756-0.08595-0.53963-0.35352-0.61133l-0.50586-0.13672a7 7 0 0 0 0.12695-1.2949c5.42e-4 -0.00958 0.0059-0.017622 0.0059-0.027344 0-0.012518-0.0069-0.022874-0.0078-0.035156a7 7 0 0 0-0.12305-1.2891l0.50391-0.13477c0.26756-0.071693 0.42521-0.34377 0.35352-0.61133s-0.34377-0.42521-0.61133-0.35352l-0.50976 0.13672a7 7 0 0 0-1.3203-2.291l0.37109-0.37109c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-0.36914 0.36914a7 7 0 0 0-1.0801-0.77539 7 7 0 0 0-1.2109-0.54883l0.13477-0.50391c0.07169-0.26756-0.08595-0.53964-0.35352-0.61133-0.26762-0.07174-0.53969 0.085907-0.61139 0.35347l-0.13672 0.50586a7 7 0 0 0-2.6465-0.00195l-0.13477-0.50391c-0.05377-0.20067-0.22101-0.34054-0.41406-0.36719zm1.5898 1.7461a6 6 0 0 1 3.2832 0.79883 6 6 0 0 1 2.9727 4.6953h-4.0391a2 2 0 0 0-1.9336-1.5 2 2 0 0 0-0.5332 0.074219l-2.0215-3.5a6 6 0 0 1 2.2715-0.56836zm-3.1367 1.0723 2.0195 3.4961a2 2 0 0 0-0.59961 1.4258 2 2 0 0 0 0.59766 1.4258l-2.0195 3.498a6 6 0 0 1-1.7734-7.9238 6 6 0 0 1 1.7754-1.9219zm3.4199 3.9219a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1zm1.9355 1.5h4.0371a6 6 0 0 1-0.77734 2.5 6 6 0 0 1-7.75 2.4238l2.0195-3.4961a2 2 0 0 0 0.53516 0.072266 2 2 0 0 0 1.9355-1.5z" color="#5d656b" fill="#363636"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic-light.svg b/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic-light.svg deleted file mode 100644 index 62685f3a..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic-light.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g class="ColorScheme-Text" color="#363636" fill="#fff"> - <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/> - <rect x="8" y="2" width="1" height="7" ry=".5"/> - <rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic.svg deleted file mode 100644 index b2ac40df..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/preferences-system-time-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g class="ColorScheme-Text" color="#363636" fill="currentColor"> - <path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 1a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7z"/> - <rect x="8" y="2" width="1" height="7" ry=".5"/> - <rect transform="rotate(90)" x="8" y="-9" width="1" height="6" ry=".5"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/printer-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/printer-symbolic.svg deleted file mode 100644 index 92cf435c..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/printer-symbolic.svg +++ /dev/null @@ -1,10 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g fill="#333"> - <path class="ColorScheme-Text" d="m2 3c-1.108 0-2 0.892-2 2v6c0 1.108 0.892 2 2 2h2v-1h-2c-0.554 0-1-0.446-1-1v-6c0-0.554 0.446-1 1-1h12c0.554 0 1 0.446 1 1v6c0 0.554-0.446 1-1 1h-2v1h2c1.108 0 2-0.892 2-2v-6c0-1.108-0.892-2-2-2z" color="#363636"/> - <path class="ColorScheme-Text" d="m5 0c-1.108 0-2.0366 0.8926-2 2v2h1v-2c0-0.554 0.446-1 1-1h6c0.554 0 1.0418 0.44758 1 1v2h1v-2c0-1.108-0.892-2-2-2z" color="#363636"/> - <rect class="ColorScheme-Text" x="5" y="10" width="6" height="1" color="#363636"/> - <rect class="ColorScheme-Text" x="5" y="12" width="6" height="1" color="#363636"/> - <path class="ColorScheme-Text" d="m5 7c-1.108 0-2 0.892-2 2v5c0 1.108 0.892 2 2 2h6c1.108 0 2-0.892 2-2v-5c0-1.108-0.892-2-2-2zm0 1h6c0.554 0 1 0.446 1 1v5c0 0.554-0.446 1-1 1h-6c-0.554 0-1-0.446-1-1v-5c0-0.554 0.446-1 1-1z" color="#363636"/> - <circle class="ColorScheme-Text" cx="13.5" cy="5.5" r=".5" color="#363636"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/process-stop-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/process-stop-symbolic.svg deleted file mode 100644 index dd95443a..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/process-stop-symbolic.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <g transform="translate(.5 -.5)" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.1483"> - <rect transform="rotate(45)" x="3.8137" y=".20711" width="15" height="1" ry=".5"/> - <rect transform="rotate(135)" x="-6.7929" y="-11.814" width="15" height="1" ry=".5"/> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/radio-checked-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/radio-checked-symbolic.svg deleted file mode 100644 index cfb076ed..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/radio-checked-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <path d="m8.0039 1c-3.86 0-7.0039 3.1439-7.0039 7.0039 0 3.86 3.1439 7.0059 7.0039 7.0059 3.86 0 7.0059-3.1459 7.0059-7.0059 0-3.86-3.1459-7.0039-7.0059-7.0039zm-0.0039062 5c1.104 0 2 0.896 2 2s-0.896 2-2 2-2-0.896-2-2 0.896-2 2-2z" color="#bebebe" fill="#474747" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/radio-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/radio-symbolic.svg deleted file mode 100644 index c7e082cf..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/radio-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"> - <path d="M8 1C4.142 1 1 4.142 1 8s3.142 7 7 7 7-3.142 7-7-3.142-7-7-7zm0 1c3.316 0 6 2.684 6 6s-2.684 6-6 6-6-2.684-6-6 2.684-6 6-6z" style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;shape-padding:0;isolation:auto;mix-blend-mode:normal;marker:none" color="#bebebe" font-weight="400" font-family="Andale Mono" white-space="normal" overflow="visible" fill="#474747"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/reader-mode.svg b/src/other/firefox/chrome/WhiteSur/icons/reader-mode.svg deleted file mode 100644 index 631b92d1..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/reader-mode.svg +++ /dev/null @@ -1,12 +0,0 @@ -<svg width="4.2333mm" height="4.2333mm" version="1.1" viewBox="0 0 4.2333 4.2333" xmlns="http://www.w3.org/2000/svg"> - <g fill="#333"> - <path d="m0.26459 0.52917c0-0.29316 0.23601-0.52917 0.52917-0.52917h2.6458c0.29316 0 0.52917 0.23601 0.52917 0.52917v3.175c0 0.29316-0.23601 0.52917-0.52917 0.52917h-2.6458c-0.29316 0-0.52917-0.23601-0.52917-0.52917zm0.26458 0v3.175c0 0.14658 0.118 0.26458 0.26458 0.26458h2.6458c0.14658 0 0.26458-0.118 0.26458-0.26458v-3.175c0-0.14658-0.118-0.26458-0.26458-0.26458h-2.6458c-0.14658 0-0.26458 0.118-0.26458 0.26458z" color="#363636" stroke-width=".26458"/> - <g stroke-linecap="square"> - <g stroke-width=".5657"> - <rect x="1.0583" y="1.0583" width="2.1167" height=".26458" ry=".13229"/> - <rect x="1.0583" y="1.8521" width="2.1167" height=".26458" ry=".13229"/> - </g> - <rect x="1.0583" y="2.6458" width="1.2095" height=".26458" ry=".13229" stroke-width=".42763"/> - </g> - </g> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/save-folder-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/save-folder-symbolic.svg deleted file mode 100644 index 9b0c91f9..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/save-folder-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> - </defs> - <path class="ColorScheme-Text" d="m2 2c-1.108 0-2 0.892-2 2v9c0 1.108 0.892 2 2 2h7.6777a4.5 4.5 0 0 1-0.91602-1h-6.7617c-0.554 0-1-0.446-1-1v-6h14v0.75977a4.5 4.5 0 0 1 1 0.91406v-3.6738c0-1.108-0.892-2-2-2h-7.6289c-0.57985-0.0229-0.6047 0.076884-1.0391-0.35742-0.43381-0.43381-0.613-0.64213-1.332-0.64258h-2zm0 1h2c0.31116-1.7e-6 0.52033 1.414e-4 0.99805 0.4707 0.47877 0.47161 0.6388 0.5293 1 0.5293h8.002c0.554 0 1 0.446 1 1v1h-14v-2c0-0.554 0.446-1 1-1z" fill="currentColor" /> - <path d="M 12.5,15 A 3.5,-3.5 0 0 1 9,11.5 3.5,-3.5 0 0 1 12.5,8 3.5,-3.5 0 0 1 16,11.5 3.5,-3.5 0 0 1 12.5,15 Z m 0,-1.0859 2.5,-2.5 -0.70703,-0.70703 -1.293,1.293 v -3 h -1 v 3 l -1.293,-1.293 -0.70703,0.70703 2.5,2.5 z" fill="currentColor" class="ColorScheme-Text" /> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket-light.svg b/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket-light.svg deleted file mode 100644 index 0c349fae..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket-light.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> - </defs> - <path d="m3 2c-1.108 0-2 0.892-2 2v4a7 7 0 0 0 7 7 7 7 0 0 0 7-7v-4c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v4a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-4c0-0.554 0.446-1 1-1zm0.75781 2.5488c-0.12781 0-0.25558 0.050503-0.35352 0.14844-0.19587 0.19587-0.19587 0.51116 0 0.70703l4.2422 4.2422c0.19587 0.19587 0.51116 0.19587 0.70703 0l4.2422-4.2422c0.19587-0.19587 0.19587-0.51116 0-0.70703s-0.51116-0.19587-0.70703 0l-3.8887 3.8887-3.8887-3.8887c-0.097934-0.097934-0.22571-0.14844-0.35352-0.14844z" fill="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0755"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket.svg b/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket.svg deleted file mode 100644 index a6df7cfb..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/save-to-pocket.svg +++ /dev/null @@ -1,6 +0,0 @@ -<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <defs> - <style id="current-color-scheme" type="text/css">.ColorScheme-Text { color:#363636; }</style> - </defs> - <path d="m3 2c-1.108 0-2 0.892-2 2v4a7 7 0 0 0 7 7 7 7 0 0 0 7-7v-4c0-1.108-0.892-2-2-2h-10zm0 1h10c0.554 0 1 0.446 1 1v4a6 6 0 0 1-6 6 6 6 0 0 1-6-6v-4c0-0.554 0.446-1 1-1zm0.75781 2.5488c-0.12781 0-0.25558 0.050503-0.35352 0.14844-0.19587 0.19587-0.19587 0.51116 0 0.70703l4.2422 4.2422c0.19587 0.19587 0.51116 0.19587 0.70703 0l4.2422-4.2422c0.19587-0.19587 0.19587-0.51116 0-0.70703-0.19587-0.19587-0.51116-0.19587-0.70703 0l-3.8887 3.8887-3.8887-3.8887c-0.097934-0.097934-0.22571-0.14844-0.35352-0.14844z" fill="#333" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.0755"/> -</svg> diff --git a/src/other/firefox/chrome/WhiteSur/icons/star-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/star-symbolic.svg deleted file mode 100644 index 8ddd7943..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/star-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ -<svg width="16" height="16" enable-background="new" version="1.1" xmlns="http://www.w3.org/2000/svg"> - <title>Gnome Symbolic Icons - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/starred-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/starred-symbolic.svg deleted file mode 100644 index b04e321a..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/starred-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - Gnome Symbolic Icons - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/sync.svg b/src/other/firefox/chrome/WhiteSur/icons/sync.svg deleted file mode 100644 index 5f622cc2..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/sync.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/tab-new-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/tab-new-symbolic.svg deleted file mode 100644 index 91182e05..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/tab-new-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/tab-sync-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/tab-sync-symbolic.svg deleted file mode 100644 index 4afe2c13..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/tab-sync-symbolic.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/toggle-right-sidebar-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/toggle-right-sidebar-symbolic.svg deleted file mode 100644 index 7feef895..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/toggle-right-sidebar-symbolic.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/toggle-sidebar-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/toggle-sidebar-symbolic.svg deleted file mode 100644 index e4fd74a7..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/toggle-sidebar-symbolic.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/tracking-protection-animatable.svg b/src/other/firefox/chrome/WhiteSur/icons/tracking-protection-animatable.svg deleted file mode 100644 index 2ae69cca..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/tracking-protection-animatable.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/tracking-protection.svg b/src/other/firefox/chrome/WhiteSur/icons/tracking-protection.svg deleted file mode 100644 index 65c7680b..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/tracking-protection.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/user-home-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/user-home-symbolic.svg deleted file mode 100644 index a4861f9b..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/user-home-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked-dark.svg b/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked-dark.svg deleted file mode 100644 index 063cfcdf..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked.svg b/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked.svg deleted file mode 100644 index 0e95acf8..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/user-not-tracked.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-fullscreen-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/view-fullscreen-symbolic.svg deleted file mode 100644 index 5e255ec3..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/view-fullscreen-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-more-horizontal-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/view-more-horizontal-symbolic.svg deleted file mode 100644 index 6c54fac3..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/view-more-horizontal-symbolic.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-refresh-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/view-refresh-symbolic.svg deleted file mode 100644 index e443de4f..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/view-refresh-symbolic.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/view-restore-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/view-restore-symbolic.svg deleted file mode 100644 index b505414a..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/view-restore-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic-light.svg b/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic-light.svg deleted file mode 100644 index fe15e26f..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic-light.svg +++ /dev/null @@ -1,4 +0,0 @@ - - Gnome Symbolic Icons - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic.svg deleted file mode 100644 index a2ccfc2e..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/window-close-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - Gnome Symbolic Icons - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-maximize-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/window-maximize-symbolic.svg deleted file mode 100644 index e0b8cc7b..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/window-maximize-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-minimize-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/window-minimize-symbolic.svg deleted file mode 100644 index 428001f8..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/window-minimize-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/window-new-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/window-new-symbolic.svg deleted file mode 100644 index 7aef9541..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/window-new-symbolic.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/zoom-in-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/zoom-in-symbolic.svg deleted file mode 100644 index 473ed972..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/zoom-in-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/icons/zoom-out-symbolic.svg b/src/other/firefox/chrome/WhiteSur/icons/zoom-out-symbolic.svg deleted file mode 100644 index adc86051..00000000 --- a/src/other/firefox/chrome/WhiteSur/icons/zoom-out-symbolic.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/matching-autocomplete-width.css b/src/other/firefox/chrome/WhiteSur/matching-autocomplete-width.css deleted file mode 100644 index 190a32d1..00000000 --- a/src/other/firefox/chrome/WhiteSur/matching-autocomplete-width.css +++ /dev/null @@ -1,177 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* -This feature is included by default for Firefox 70+ -*/ - -/************************************************************************************** -*********************************** FIREFOX 68 **************************************** -**************************************************************************************/ -/* Set popover size and position */ -panel#urlbar-results { - --box-width: calc(100vw - var(--item-padding-start) - var(--item-padding-end) + 8px); - --fixed-widths: calc((6px + 16px + 6px) + (16px + 9px) + 11px); - box-sizing: border-box; - border-radius: 9px; - margin-left: 0 !important; - margin-top: 0 !important; - max-width: var(--box-width) !important; -} - -/* Style as regular popover */ -panel#urlbar-results { - background: var(--gnome-popover-background) !important; - border: 1px solid !important; - border-color: var(--gnome-popover-border-color) !important; - border-radius: 9px; - color: var(--gnome-toolbar-color) !important; - padding: 8px; -} - -/* Results box */ -#urlbarView-results { - --item-padding-start: 0 !important; - --item-padding-end: 0 !important; - max-height: 35vh !important; - overflow-x: auto; - max-width: calc(var(--box-width) - 18px) !important; -} - -/* Search panel */ -.search-one-offs { - width: 100%; - --item-padding-start: 0 !important; - --item-padding-end: 0 !important; -} -.search-panel-one-offs-header, .search-panel-one-offs { - background: transparent !important; - border: 0 !important; -} -panel#urlbar-results.search-panel-one-offs-header { - border-top: 1px solid var(--gnome-popover-separator-color) !important; -} - -/* Search engines buttons */ -.searchbar-engine-one-off-item:not(.dummy) { - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; -} - -.searchbar-engine-one-off-item:not(.dummy) { - -moz-appearance: none !important; - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; - -moz-appearance: none !important; - background: var(--gnome-button-background) !important; - box-shadow: var(--gnome-button-box-shadow) !important; - border: 1px solid var(--gnome-button-border-color) !important; - border-left-width: 0 !important; - border-bottom-color: var(--gnome-button-border-accent-color) !important; - padding: 0 2px !important; - min-height: 34px !important; - min-width: 34px !important; - margin: 0 !important; -} -.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] { - background: var(--gnome-button-hover-background) !important; - color: unset !important; -} -.searchbar-engine-one-off-item:first-child { - border-radius: 5px 0 0 5px; - border-left-width: 1px !important; -} -.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child { - border-radius: 0 5px 5px 0; -} -.searchbar-engine-one-off-item.dummy { - display: none !important; -} -.searchbar-engine-one-off-item:not(.last-row) { - box-sizing: border-box !important; -} -#urlbar-anon-search-settings-compact { - border-left-width: 1px !important; - border-bottom: 1px solid var(--gnome-button-border-accent-color) !important; - border-radius: 5px; - margin-left: 6px !important; -} - -/* Convert search engines icons to symbolic */ -#urlbar-results .searchbar-engine-one-off-item:not(.search-setting-button-compact) .button-icon { - filter: var(--gnome-convert-icon-to-symbolic-hack-filter); -} - -/************************************************************************************** -********************************** FIREFOX 60-67 ************************************** -**************************************************************************************/ -/* TODO: Remove when FF =< 67 is deprecated */ -#PopupAutoCompleteRichResult { - margin-left: 0 !important; - margin-top: -7px; -} -#PopupAutoCompleteRichResult { - background: var(--gnome-popover-background) !important; - border: 1px solid !important; - border-color: var(--gnome-popover-border-color) !important; - border-radius: 9px; - box-shadow: var(--gnome-popover-shadow) !important; /* BUG: Not showing any shadow at all */ - color: var(--gnome-toolbar-color) !important; - padding: 8px !important; -} -#PopupAutoCompleteRichResult .autocomplete-richlistbox { - --box-width: calc(100vw - var(--item-padding-start) - var(--item-padding-end) - 42px); - max-width: var(--box-width); -} -#PopupAutoCompleteRichResult .autocomplete-richlistitem { - padding-left: 0 !important; - padding-right: 5px !important; - border-inline-end-width: 0 !important; - max-width: calc(var(--box-width) - 5px); - display: flex; - align-items: center; -} -/* Search panel */ -#PopupAutoCompleteRichResult .search-panel-one-offs-header, #PopupAutoCompleteRichResult .search-panel-one-offs { - background: transparent !important; - border: 0 !important; -} -#PopupAutoCompleteRichResult .search-panel-one-offs-header { - border-top: 1px solid var(--gnome-popover-separator-color) !important; -} -#PopupAutoCompleteRichResult .search-panel-one-offs { - --item-padding-start: 0 !important; - --item-padding-end: 0 !important; -} -/* Search engines buttons */ -#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:not(.dummy) { - -moz-appearance: none !important; - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; - background: var(--gnome-button-background) !important; - box-shadow: var(--gnome-button-box-shadow); - border-width: 1px 1px 1px 0; - border-style: solid; - border-color: var(--gnome-button-border-color) !important; - border-bottom-color: var(--gnome-button-border-accent-color) !important; - padding: 0 2px !important; - height: 34px !important; - color: var(--gnome-toolbar-color) !important; - box-sizing: border-box !important; -} -#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:hover, #PopupAutoCompleteRichResult .searchbar-engine-one-off-item[selected] { - background: var(--gnome-button-hover-background) !important; - color: unset !important; -} -#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:first-child { - border-radius: 5px 0 0 5px; - border-left-width: 1px !important; -} -#PopupAutoCompleteRichResult .searchbar-engine-one-off-item.last-engine { - border-radius: 0 5px 5px 0; -} -#PopupAutoCompleteRichResult .searchbar-engine-one-off-item.dummy { - display: none !important; -} -#PopupAutoCompleteRichResult .searchbar-engine-one-off-item:not(.last-row) { - box-sizing: border-box !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/buttons-fixes.css b/src/other/firefox/chrome/WhiteSur/parts/buttons-fixes.css deleted file mode 100644 index 1a82cae2..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/buttons-fixes.css +++ /dev/null @@ -1,176 +0,0 @@ -/* Buttons Issues/Glitches fixes */ -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Overrides: Make the back button the same as other buttons */ -:root:not([uidensity=compact]) #back-button { - border-radius: var(--toolbarbutton-border-radius) !important; -} -:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon { - background-color: unset !important; - border: unset !important; - width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; - height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; - padding: var(--toolbarbutton-inner-padding) !important; - border-radius: var(--toolbarbutton-border-radius); - box-shadow: none !important; -} -:root:not([uidensity=compact]) #back-button:not([disabled]):not([open]):hover > .toolbarbutton-icon { - background-color: var(--toolbarbutton-hover-background) !important; - box-shadow: unset; - border-color: unset; -} -:root:not([uidensity=compact]) #back-button[open] > .toolbarbutton-icon, -:root:not([uidensity=compact]) #back-button:not([disabled]):hover:active > .toolbarbutton-icon { - background-color: var(--toolbarbutton-active-background) !important; - border-color: unset; -} - -/* Remove the header bar buttons' hover styles */ -#nav-bar { - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; -} - -/* Glitch customizing: Cut / Copy / Paste buttons' icons - * :not(#hack) is there just to elevate rule priority */ -:root[customizing] #nav-bar > hbox toolbaritem toolbarbutton image:not(#hack) { - opacity: 1 !important; -} -/* Glitch customizing: Reload and Cut / Copy / Paste buttons */ -:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button toolbarbutton, -:root:-moz-window-inactive[customizing] #nav-bar #edit-controls toolbarbutton { - background-image: var(--gnome-inactive-button-background); - box-shadow: var(--gnome-inactive-button-box-shadow); -} -/* Glitch customizing: Reload and Cut / Copy / Paste buttons' icons */ -:root:-moz-window-inactive[customizing] #nav-bar #stop-reload-button image.toolbarbutton-icon, -:root:-moz-window-inactive[customizing] #nav-bar #edit-controls image.toolbarbutton-icon { - opacity: .7 !important; -} - -/* Glitch: Overflow and Burger buttons - * :not(#hack) is there just to elevate rule priority */ -:root[customizing] #nav-bar > toolbarbutton[disabled]:not(#hack), -:root[customizing] #nav-bar > toolbaritem > toolbarbutton[disabled]:not(#hack) { - opacity: .5 !important; -} -/* Glitch: Overflow button's icon */ -:root[customizing] #nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image { - fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important; -} - -/* Bookmark buttons */ -#nav-bar toolbarbutton.bookmark-item { - width: auto !important; -} -#nav-bar toolbarbutton.bookmark-item .toolbarbutton-icon { - margin-left: 6px; -} -#nav-bar toolbarbutton.bookmark-item .toolbarbutton-text { - padding-right: 6px; -} - -/* Remove Burger button's left separator */ -#PanelUI-button { - border: 0 !important; - margin: 0 !important; - padding-inline-start: 0 !important; -} - -/* Space main menu button from other headerbar buttons -#nav-bar #PanelUI-menu-button:not(#hack) { - margin-left: 10px !important; -}*/ - -/* Fix library animation */ -#library-animatable-box { - --library-button-height: 46px !important; - --library-icon-x: 1716px !important; - /*--library-icon-x: 1715.9833984375px !important;*/ -} -#library-button[animate] > .toolbarbutton-icon { - fill: transparent !important; -} - -/* Fix toolbars close icons */ -.close-icon:not(.tab-close-button) image { - height: 16px !important; - width: 16px !important; - margin: 6px !important; -} - -/* */ -#appMenu-popup .panel-banner-item[notificationid="update-restart"]::after { - display: none !important; -} - -/* Identity site popover buttons */ -.identity-popup-preferences-button:not(#hack) { - list-style-image: url("chrome://browser/skin/settings.svg") !important; -} -#tracking-protection-preferences-button > .toolbarbutton-text { - padding-inline-end: 0 !important; -} -.protections-popup-footer-button-label { - margin-inline-start: 3px !important; -} - -/* Fix findbar buttons issues */ -.findbar-container .findbar-find-previous image, -.findbar-container .findbar-find-next image { - margin: 6px !important; - opacity: 1 !important; -} -.findbar-container toolbarbutton:focus { - outline: 0 !important; -} - -/* Sidebar header button reset font size */ -#sidebar-header { - font-size: 1em !important; -} - -/* Sidebar header button arrow opacity */ -#sidebar-switcher-arrow { - opacity: 1 !important; -} - -/* Sidebar history view */ -#viewButton { - margin: 0 !important; - margin-inline-start: 6px !important; -} - -/* Menulist */ -menulist { - -moz-appearance: none !important; -} -#identity-popup-popup-menulist { - margin-right: 0 !important; -} - -/* Bookmarks editor buttons */ -.expander-down image, .expander-up image { - margin: 6px !important; -} - -/* Identity popup tracking protection button */ -.tracking-protection-button { - margin-inline-end: 0 !important; -} - -/* Identity popup delete permission button */ -.identity-popup-permission-remove-button { - opacity: 1 !important; -} - -/* Identity popup expander button */ -#identity-popup-security { - -moz-box-align: center; -} -#identity-popup-security-expander { - width: 34px !important; -} -#identity-popup-security-expander .button-icon { - margin: 0 !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/buttons.css b/src/other/firefox/chrome/WhiteSur/parts/buttons.css deleted file mode 100644 index 78f0d5a7..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/buttons.css +++ /dev/null @@ -1,359 +0,0 @@ -/* Buttons */ -@import "buttons-fixes.css"; -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Hide buttons separator */ -#nav-bar .toolbaritem-combined-buttons separator { - display: none !important; -} - -#appMenu-popup .toolbaritem-combined-buttons toolbarseparator { - border: 0 !important; -} - -/* Buttons */ -.subviewbutton.panel-subview-footer, -.panel-footer button, -#downloadsHistory, -#downloadsPanel-mainView .download-state .downloadButton, -#overflowMenu-customize-button, -#appMenu-popup .panel-banner-item, -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label), -.subviewbutton-back, -#context-navigation menuitem, -.identity-popup-preferences-button:not(#hack), -.findbar-container toolbarbutton, -#sidebar-switcher-target, -#viewButton, -.menulist-label-box, -.expander-down, .expander-up, -.notification-button, -.protections-popup-footer-button, -.identity-popup-permission-remove-button, -#identity-popup-security-expander, -#PanelUI-panic-view-button, -.tracking-protection-button, -.dialog-button { - -moz-appearance: none !important; - background: var(--gnome-button-background) !important; - box-shadow: var(--gnome-button-box-shadow) !important; - border: 1px solid var(--gnome-button-border-color) !important; - border-bottom-color: var(--gnome-button-border-accent-color) !important; - border-radius: 8px !important; - padding: 0 4px !important; - height: 28px !important; - max-height: 28px !important; - min-height: 28px !important; - min-width: 28px !important; - color: var(--gnome-toolbar-color) !important; - transition: all 200ms; -} - -/* Text buttons */ -.subviewbutton.panel-subview-footer, -.panel-footer button, -#downloadsHistory, -#overflowMenu-customize-button, -#appMenu-popup .panel-banner-item, -#appMenu-zoomReset-button:not(#appMenu-fxa-label):not(#hack), -#tracking-protection-preferences-button:not(#hack), -.findbar-container toolbarbutton.findbar-button, -.notification-button, -.protections-popup-footer-button, -#PanelUI-panic-view-button, -.tracking-protection-button, -.dialog-button { - padding: 2px 10px !important; - text-align: center !important; -} - -.subviewbutton.panel-subview-footer label { - text-align: center !important; -} - -/* Drop down buttons */ -#sidebar-switcher-target, -#viewButton { - padding: 2px 16px !important; - position: relative; -} -#sidebar-switcher-arrow, -#viewButton .button-menu-dropmarker { /* Arrow position, type b */ - transform: translate(6px, 0) -} -.menulist-label-box { - padding: 2px 26px 2px 16px !important; - position: relative; -} -.menulist-label-box:after { /* Arrow position */ - position: absolute !important; - right: 8px !important; - top: 8px !important; -} -.menulist-label-box:after { /* Create arrow if icon tag no exist */ - content: ""; -} - -/* Hover buttons */ -.subviewbutton.panel-subview-footer:hover, -.panel-footer button:hover, -#downloadsHistory:hover, -#downloadsPanel-mainView .download-state .downloadButton:hover, -#overflowMenu-customize-button:hover, -#appMenu-popup .panel-banner-item:hover, -.subviewbutton-back:hover, -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(#appMenu-fxa-label):not([disabled]):hover, -#context-navigation menuitem:not([disabled]):hover, -.identity-popup-preferences-button:not(#hack):hover, -.findbar-container toolbarbutton:hover, -#sidebar-switcher-target:hover, -#viewButton:hover, -menulist:hover .menulist-label-box, -.expander-down:hover, .expander-up:hover, -.notification-button:hover, -.protections-popup-footer-button:hover, -.identity-popup-permission-remove-button:hover, -#identity-popup-security-expander:hover, -.tracking-protection-button:hover, -.dialog-button:hover { - outline: 0 !important; - background: var(--gnome-button-hover-background) !important; -} - -/* Active buttons */ -.subviewbutton.panel-subview-footer:active, -.panel-footer button:active, -#downloadsHistory:active, -#downloadsPanel-mainView .download-state .downloadButton:active, -#overflowMenu-customize-button:active, -#appMenu-popup .panel-banner-item:active, -.subviewbutton-back:not(#hack):active, -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not([disabled]):not(#appMenu-fxa-label):active, -#context-navigation menuitem:active:not([disabled]), -.identity-popup-preferences-button:not(#hack):active, -.findbar-container toolbarbutton[checked], -.findbar-container toolbarbutton:active, -#sidebar-switcher-target:active, #sidebar-switcher-target.active, -#viewButton[open], -menulist[open] .menulist-label-box, -.expander-down:active, .expander-up:active, -.notification-button:active, -.protections-popup-footer-button:not(#hack):active, -.identity-popup-permission-remove-button:active, -#identity-popup-security-expander:active, -.tracking-protection-button:active, -.dialog-button:active { - background: var(--gnome-button-active-background) !important; - box-shadow: var(--gnome-button-active-box-shadow) !important; - border-color: var(--gnome-button-active-border-color) !important; -} - -/* Disabled buttons */ -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled], -#context-navigation menuitem[disabled] { - background: var(--gnome-button-disabled-background) !important; - border-color: var(--gnome-button-disabled-border-color) !important; - box-shadow: var(--gnome-button-disabled-box-shadow) !important; - opacity: 1 !important; -} - -#nav-bar toolbarbutton:not(#urlbar-zoom-button)[disabled] image, -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled] image, -#context-navigation menuitem[disabled] image { - opacity: .4 !important; -} - -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled]:hover { - background: var(--gnome-button-disabled-background) !important; -} - -/* Inactive window buttons */ -.findbar-container toolbarbutton:-moz-window-inactive, -#sidebar-switcher-target:-moz-window-inactive, -#viewButton:-moz-window-inactive { - background: var(--gnome-inactive-button-background) !important; - box-shadow: var(--gnome-inactive-button-box-shadow) !important; - border-color: var(--gnome-inactive-button-border-color) !important; -} - -/* Flat buttons */ -.subviewbutton-back:not(#hack), -#TabsToolbar .toolbarbutton-1 { - background: transparent !important; - box-shadow: none !important; - border-color: transparent !important; - border-radius: 8px !important; -} - -.subviewbutton-back:not(#hack):not(:active):hover, -#protections-popup-show-report-button:not(:active):hover { - box-shadow: var(--gnome-button-box-shadow) !important; - border-color: var(--gnome-button-border-color) !important; - border-bottom-color: var(--gnome-button-border-accent-color) !important; -} - -.close-icon:not(.tab-close-button) { - background: transparent !important; - box-shadow: none !important; - border: none !important; - border-radius: 100px !important; - padding: 0 0 !important; - margin: 0 0 !important; - min-height: 24px !important; - min-width: 24px !important; -} - -.close-icon:not(.tab-close-button) .button-icon { - padding: 0 0 !important; - margin: 0 0 !important; -} - -#TabsToolbar .toolbarbutton-1 { - margin: 0 0 !important; - padding: 0 0 !important; - height: 28px !important; - width: 32px !important; - min-height: 28px !important; - min-width: 32px !important; - border-radius: 0 !important; - transition: all 200ms; -} - -#TabsToolbar .toolbarbutton-1 image { - margin: 0 0 !important; - padding: 0 0 !important; - height: 16px !important; - width: 16px !important; - min-height: 16px !important; - min-width: 16px !important; -} - -.close-icon:not(.tab-close-button):hover, -#TabsToolbar .toolbarbutton-1:not(:active):not([open]):hover { - outline: 0 !important; - background: var(--gnome-button-hover-color) !important; -} - -.close-icon:not(.tab-close-button):active, -#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open] { - outline: 0 !important; - background: var(--gnome-button-active-color) !important; -} - -/* Circle buttons */ -#downloadsPanel-mainView .download-state .downloadButton, -.identity-popup-permission-remove-button:not(#hack) { - padding: 0 0 !important; - height: 32px !important; - width: 32px !important; - min-height: 32px !important; - min-width: 32px !important; - border-radius: 100% !important; -} - -/* Combined buttons */ -#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#hack), -.subviewbutton.panel-subview-footer:not(:only-of-type):not(:last-of-type), -.panel-footer button:not(:only-of-type):not(:last-of-type), -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:last-of-type):not(#appMenu-zoomEnlarge-button), -#context-navigation menuitem:not(:only-of-type):not(:last-of-type), -.findbar-container toolbarbutton.findbar-find-previous, -.findbar-button:not(:last-of-type) { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right-width: 0 !important; - margin-right: 0 !important; -} - -#nav-bar .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#hack), -.subviewbutton.panel-subview-footer:not(:only-of-type):not(:first-of-type), -.panel-footer button:not(:only-of-type):not(:first-of-type), -#appMenu-popup .toolbaritem-combined-buttons toolbarbutton:not(:first-of-type):not(#appMenu-fullscreen-button), -#context-navigation menuitem:not(:only-of-type):not(:first-of-type), -.findbar-container toolbarbutton.findbar-find-previous, -.findbar-container toolbarbutton.findbar-find-next, -.findbar-button:not(:first-of-type) { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; - margin-left: 0 !important; -} - -#nav-bar .toolbaritem-combined-buttons { - margin-left: 0 !important; - margin-right: 0 !important; -} - -/* Buttons with suggested action */ -#appMenu-popup .panel-banner-item[notificationid="update-restart"], -button.popup-notification-primary-button, -#editBookmarkPanelDoneButton, -#tracking-action-block { - color: white !important; - background: var(--gnome-button-suggested-action-background) !important; - border-color: var(--gnome-button-suggested-action-border-color) !important; - border-bottom-color: var(--gnome-button-suggested-action-border-accent-color) !important; - box-shadow: var(--gnome-button-suggested-action-box-shadow) !important; - text-shadow: 0 -1px rgba(0, 0, 0, 0.5) !important; -} - -#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover, -button.popup-notification-primary-button.popup-notification-button:hover, -#editBookmarkPanelDoneButton:hover { - background: var(--gnome-button-suggested-action-hover-background) !important; -} - -#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active, -button.popup-notification-primary-button.popup-notification-button:active, -#editBookmarkPanelDoneButton:active { - background: var(--gnome-button-suggested-action-active-background) !important; - border-color: var(--gnome-button-suggested-action-active-border-color) !important; - box-shadow: var(--gnome-button-suggested-action-active-box-shadow) !important; - text-shadow: none !important; -} - -/* Buttons with destructive action */ -#editBookmarkPanelRemoveButton, -#PanelUI-panic-view-button { - color: white !important; - background: var(--gnome-button-destructive-action-background) !important; - border-color: var(--gnome-button-destructive-action-border-color) !important; - border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important; - box-shadow: var(--gnome-button-destructive-action-box-shadow) !important; - text-shadow: 0 -1px rgba(0, 0, 0, 0.558275) !important; -} - -#editBookmarkPanelRemoveButton:hover, -.identity-popup-permission-remove-button:not(#hack):hover, -#PanelUI-panic-view-button:hover { - background: var(--gnome-button-destructive-action-hover-background) !important; -} - -#editBookmarkPanelRemoveButton:active, -.identity-popup-permission-remove-button:not(#hack):active, -#PanelUI-panic-view-button:active { - background: var(--gnome-button-destructive-action-active-background) !important; - border-color: var(--gnome-button-destructive-action-active-border-color) !important; - box-shadow: var(--gnome-button-destructive-action-active-box-shadow) !important; -} - -.identity-popup-permission-remove-button:not(#hack):hover { /* Is flat */ - border-color: var(--gnome-button-destructive-action-border-color) !important; - border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important; - box-shadow: var(--gnome-button-destructive-action-box-shadow) !important; -} -.identity-popup-permission-remove-button:not(#hack):hover .button-icon { - filter: invert(100%) brightness(200%); -} - -/* User sync menu, bigger avatar */ -#fxa-toolbar-menu-button .toolbarbutton-badge-stack { - padding: 0 !important; - margin: 0 !important; -} - -#fxa-avatar-image { - height: 26px !important; - margin: 0 !important; - padding: 0 !important; - width: 26px !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/csd.css b/src/other/firefox/chrome/WhiteSur/parts/csd.css deleted file mode 100644 index c0b4936b..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/csd.css +++ /dev/null @@ -1,138 +0,0 @@ -/* GNOME CSD styles for headerbar on Firefox [tabsintitlebar] */ - -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -#main-window { - -moz-appearance: -moz-window-titlebar !important; -} - -/* Headerbar top border corners rounded */ -:root[tabsintitlebar]:not([inFullscreen]):not([sizemode="maximized"]) #nav-bar { - border-radius: 16px 16px 0 0 !important; -} - -/* Window buttons: at least 1 button */ -@media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-right: 60px !important; - } -} -/* Window buttons: at least 2 buttons */ -@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-right: 70px !important; - } -} -/* Window buttons: 3 buttons */ -@media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-right: 90px !important; - } -} - -/* Fullscreen headerbar padding for 1 button */ -:root[tabsintitlebar][inFullscreen] #nav-bar { - padding-right: 40px !important; -} - -/* Window buttons box */ -:root[tabsintitlebar] #titlebar .titlebar-buttonbox-container, -:root[tabsintitlebar] #titlebar-buttonbox-container, -:root[tabsintitlebar][inFullscreen] #window-controls { - -moz-appearance: none !important; - padding: 0 3px 0 4px; - position: absolute !important; - right: 8px; - top: 0; - display: block !important; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox { - -moz-appearance: none !important; -} - -/* Window buttons style */ -:root[tabsintitlebar] #titlebar .titlebar-button, -:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton { - -moz-appearance: none !important; - border: none !important; - border-radius: 100px !important; - height: 16px; - margin: 16px 4px !important; - padding: 2px 0 !important; - width: 16px; -} -:root[tabsintitlebar] #titlebar .titlebar-button .toolbarbutton-icon, -:root[tabsintitlebar][inFullscreen] #window-controls toolbarbutton .toolbarbutton-icon { - opacity: 0 !important; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-button .toolbarbutton-icon, -:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive toolbarbutton .toolbarbutton-icon { - opacity: 0 !important; -} - -/* Remove close and minimize buttons from fullscreen buttons */ -:root[tabsintitlebar][inFullscreen] #window-controls #close-button, -:root[tabsintitlebar][inFullscreen] #window-controls #minimize-button, -:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox-container, -:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-close, -:root[tabsintitlebar][inFullscreen] #titlebar .titlebar-buttonbox .titlebar-min { - display: none !important; -} - -/* Left window buttons */ -@media (-moz-gtk-csd-reversed-placement) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-right: 3px !important; - } - - /* Window buttons box */ - :root[tabsintitlebar] #titlebar .titlebar-buttonbox-container { - padding: 0 3px 0 4px; - left: 8px; - right: auto; - } - - /* Window controls: at least 1 button */ - @media (-moz-gtk-csd-minimize-button), (-moz-gtk-csd-maximize-button), (-moz-gtk-csd-close-button) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-left: 60px !important; - } - } - /* Window controls: at least 2 buttons */ - @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button), - (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-close-button), - (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-left: 70px !important; - } - } - /* Window controls: 3 buttons */ - @media (-moz-gtk-csd-minimize-button) and (-moz-gtk-csd-maximize-button) and (-moz-gtk-csd-close-button) { - :root[tabsintitlebar]:not([inFullscreen]) #nav-bar { - padding-left: 90px !important; - } - } -} - -/* Remove tabsbar titlebar blank spaces */ -:root[tabsintitlebar] #TabsToolbar .titlebar-placeholder { - display: none !important; -} - -/* Prevent menubar from breaking */ -:root[tabsintitlebar] #toolbar-menubar:not([inactive=true]) { - height: 30px !important; - margin-bottom: 8px; -} - -/* Remove default style of titlebar */ -:root[tabsintitlebar] #titlebar { - -moz-appearance: none !important; -} - -/* Fix the issue when dragging tabs */ -:root[tabsintitlebar] #navigator-toolbox[movingtab] #TabsToolbar { - padding-bottom: 0 !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/custom-icons.css b/src/other/firefox/chrome/WhiteSur/parts/custom-icons.css deleted file mode 100644 index e6b8de2f..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/custom-icons.css +++ /dev/null @@ -1,34 +0,0 @@ -/* Replace icons */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Back button */ -#nav-bar #back-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important;; -} - -/* Forward button */ -#nav-bar #forward-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; -} - -/* Popovers subview menu arrow */ -.PanelUI-subView .subviewbutton-nav::after { - content: "" !important; - filter: var(--gnome-icons-hack-filter); - background: url("moz-icon://stock/pan-start-symbolic?size=dialog"); - background-size: contain; - height: 16px; - width: 16px; - margin-top: -2px !important; -} - -/* Popovers subview back button */ -.subviewbutton-back { - list-style-image: url("moz-icon://stock/pan-start-symbolic?size=dialog") !important; -} -.subviewbutton-back .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/entries.css b/src/other/firefox/chrome/WhiteSur/parts/entries.css deleted file mode 100644 index bd0ad750..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/entries.css +++ /dev/null @@ -1,75 +0,0 @@ -/* Entries */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Entries */ -#searchbar, -#search-box, -.findbar-textbox { - -moz-appearance: none !important; - background: var(--gnome-urlbar-background) !important; - border: 1px solid var(--gnome-urlbar-border-color) !important; - border-radius: 8px !important; - box-shadow: none !important; - color: var(--gnome-urlbar-color) !important; - height: 28px !important; - max-height: 28px !important; - margin: 0 !important; - padding: 6px !important; - box-sizing: border-box; - transition: all 100ms; -} - -/* Entries focused */ -#urlbar[breakout][breakout-extend], -#searchbar:focus-within, -#search-box[focused], -.findbar-textbox[focused], -.findbar-textbox:focus { - outline: 2px solid var(--gnome-focused-urlbar-border-color) !important; - outline-offset: -2px; - -moz-outline-radius: 8px; - transition: all 100ms; -} - -/* Inactive window entries */ -#searchbar:-moz-window-inactive, -#search-box:-moz-window-inactive, -.findbar-textbox:-moz-window-inactive { - background: var(--gnome-inactive-urlbar-background) !important; - border-color: var(--gnome-inactive-urlbar-border-color) !important; - color: var(--gnome-inactive-urlbar-color) !important; -} - -/* Entries combined */ -.findbar-textbox:not(.minimal) { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-right-width: 0 !important; -} -.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus { - -moz-outline-radius: 8px 0 0 8px !important; -} - -/* Entries fixes */ -#urlbar-container, #search-container { - padding: 0 !important; - margin: 0 3px !important; -} -#urlbar-input-container { - background: transparent !important; - border: 0 !important; -} -#urlbar, #searchbar { - margin: 0 3px !important; - padding: 0 !important; -} -.searchbar-textbox { - border: 0 !important; - padding: 0 !important; - margin: 0 !important; - min-height: auto !important; -} -#searchbar > .searchbar-textbox[focused] .searchbar-search-button:not(#hack) { - margin: 0 !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/findbar.css b/src/other/firefox/chrome/WhiteSur/parts/findbar.css deleted file mode 100644 index b2f33355..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/findbar.css +++ /dev/null @@ -1,49 +0,0 @@ -/* Find bar */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -findbar { - position: relative; -} - -.findbar-container { - padding: 6px !important; - display: flex; - justify-content: center; - position: relative; - flex-direction: row; - width: calc(100% - 42px); -} - -hbox[anonid="findbar-textbox-wrapper"] { - position: absolute; - right: calc(50vw - 36px); - transform: translate(50%, 0); - display: flex !important; -} - -.findbar-find-status, .found-matches { - order: -1; - padding: 7px 0; -} -.findbar-find-status { - padding-left: 6px; - flex: 1; -} - -.findbar-closebutton.close-icon { - margin: 6px 6px 6px 0 !important; - padding: 0 0 !important; - border-radius: 100px !important; -} - -@media (max-width: 1100px) { - hbox[anonid="findbar-textbox-wrapper"] { - position: relative; - right: 0; - transform: none; - } - .findbar-find-status, .found-matches { - order: 0; - } -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/headerbar-private-urlbar.css b/src/other/firefox/chrome/WhiteSur/parts/headerbar-private-urlbar.css deleted file mode 100644 index caedecd5..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/headerbar-private-urlbar.css +++ /dev/null @@ -1,43 +0,0 @@ -/* Private window header bar's URL bar */ - -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before { - background: url("../icons/user-not-tracked.svg") no-repeat; - background-size: contain; - content: ""; - display: block; - position: absolute; - width: 32px; - height: 32px; - top: 8px; - opacity: 0.3; - transform: translate(15px, 0); -} - -:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:-moz-lwtheme-brighttext:before { - background-image: url("../icons/user-not-tracked-dark.svg"); -} - -@media (prefers-color-scheme: dark) { - :root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before { - background: url("../icons/user-not-tracked-dark.svg") no-repeat; - background-size: contain; - content: ""; - display: block; - position: absolute; - width: 32px; - height: 32px; - top: 8px; - opacity: 0.3; - transform: translate(15px, 0); - } -} - -:root[privatebrowsingmode="temporary"] #nav-bar { - overflow: hidden; -} - -#TabsToolbar .private-browsing-indicator { - display: none !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css b/src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css deleted file mode 100644 index 55b8ecf2..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/headerbar-urlbar.css +++ /dev/null @@ -1,143 +0,0 @@ -/* Header bar's URL bar */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -#urlbar { - --urlbar-height: 34.00px; - --urlbar-toolbar-height: 34.00px !important; -} - -/* Center the URL bar */ -toolbarspring { - max-width: 10000px !important; -} - -/* URL bar */ -#urlbar { - box-shadow: none !important; - background: var(--gnome-popover-background) !important; - border-radius: 8px !important; -} -#urlbar-background { - box-shadow: none !important; - border: 0 !important; - background: transparent !important; - border-radius: 8px !important; -} - -#urlbar[breakout][breakout-extend] { - left: 0 !important; - top: 0 !important; - width: 100% !important; - z-index: 5 !important; - padding: 0 !important; -} -#urlbar[breakout][breakout-extend][open] { - height: auto !important; - max-height: unset !important; -} -#urlbar[breakout][breakout-extend] #urlbar-input-container { - height: 32px !important; - max-height: 32px !important; - padding: 0 !important; -} - -#urlbar[breakout][breakout-extend][open] #urlbar-background { - box-shadow: var(--gnome-urlbar-box-shadow) !important; -} - -/* URL bar results */ -.urlbarView { - background: transparent !important; - color: var(--gnome-toolbar-color) !important; - margin: -2px 0 0 0 !important; - width: 100% !important; -} - -.urlbarView-body-outer { - --item-padding-start: 0 !important; - --item-padding-end: 0 !important; - max-height: 40vh !important; - overflow-x: auto; - padding: 0 8px !important; -} - -.urlbarView-body-inner { - border: 0 !important; -} - -.urlbarView-row-inner, .urlbarView-no-wrap { - align-items: center !important; -} -.urlbarView-row-inner { - padding-block: 8px !important; - border-radius: 8px !important; -} - -/* Search engines buttons */ -.search-one-offs { - margin-top: 6px !important; - margin-bottom: 2px !important; - padding: 8px !important; - background: none !important; - border-top: 1px solid var(--gnome-entry-border-color) !important; - border-radius: 0 0 8px 8px !important; -} - -.searchbar-engine-one-off-item { - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; - -moz-appearance: none !important; - background: var(--gnome-button-background) !important; - box-shadow: var(--gnome-button-box-shadow) !important; - border: 1px solid var(--gnome-button-border-color) !important; - border-left-width: 0 !important; - border-bottom-color: var(--gnome-button-border-accent-color) !important; - padding: 0 2px !important; - min-height: 34px !important; - min-width: 34px !important; - margin: 0 !important; -} -.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] { - background: var(--gnome-button-hover-background) !important; - color: unset !important; -} -.searchbar-engine-one-off-item:first-child { - border-radius: 8px 0 0 8px; - border-left-width: 1px !important; -} -.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child { - border-radius: 0 8px 8px 0; -} - -#urlbar-anon-search-settings-compact { - border-left-width: 1px !important; - border-bottom: 1px solid var(--gnome-button-border-accent-color) !important; - border-radius: 8px; - margin-left: 6px !important; -} - -/* URL bar and Search bar */ -#urlbar[focused] .urlbar-textbox-container { - margin: -1px !important; -} -#searchbar > .searchbar-textbox[focused] .searchbar-search-button { - margin-left: -1px !important; -} -#searchbar > .searchbar-textbox[focused] .search-go-button { - margin-right: -1px !important; -} - -/* URL bar and Search bar's icons */ -.urlbar-icon:hover, -.urlbar-icon-wrapper:hover, -.urlbar-icon[open], -.urlbar-icon-wrapper[open], -.urlbar-icon:hover:active, -.urlbar-icon-wrapper:hover:active, -.searchbar-search-button:hover .searchbar-search-icon, -.searchbar-search-button[open] .searchbar-search-icon, -.searchbar-search-button:hover:active .searchbar-search-icon { - background-color: transparent !important; - fill-opacity: 1 !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/headerbar.css b/src/other/firefox/chrome/WhiteSur/parts/headerbar.css deleted file mode 100644 index 52258d36..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/headerbar.css +++ /dev/null @@ -1,110 +0,0 @@ -/* Header bar */ -@import "headerbar-urlbar.css"; -@import "headerbar-private-urlbar.css"; -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Headerbar */ -#nav-bar { - padding: 8px 16px !important; -} - -/* Headerbar CSD colors */ -:root[tabsintitlebar] #nav-bar { - background: var(--gnome-headerbar-background) !important; - border: none !important; - border-bottom: none !important; - box-shadow: var(--gnome-headerbar-box-shadow) !important; -} -:root[tabsintitlebar] #nav-bar:-moz-window-inactive { - background: var(--gnome-inactive-headerbar-background) !important; - box-shadow: var(--gnome-inactive-headerbar-box-shadow) !important; -} - -/* Headerbar buttons */ -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { - border: none !important; - box-shadow: none !important; - background: none !important; - -moz-appearance: none !important; - border-radius: 8px !important; - padding: 0 4px !important; - min-height: 28px !important; - min-width: 28px !important; - color: var(--gnome-toolbar-color) !important; - transition: background 200ms; -} - -/* Hover headerbar buttons */ -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([open]):not([disabled]):not([checked]):hover { - outline: 0 !important; - background: var(--gnome-headerbar-button-hover-background) !important; -} - -/* Active headerbar buttons */ -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled]):not(#hack):active, -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.subviewbutton):not([disabled])[open], -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not([disabled])[checked] { - background: var(--gnome-headerbar-button-active-background) !important; -} - -/* Disabled headerbar buttons */ -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton)[disabled] { -} - -/* Inactive window buttons */ -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):-moz-window-inactive { -} - -/* Buttons with margins */ -#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton) { - margin: 0 2px !important; -} - -#nav-bar #back-button:not(#hack), -#nav-bar #forward-button:not(#hack) { - padding: 0 4px !important; - width: 34px !important; - min-width: 34px !important; -} - -#nav-bar #forward-button:not(#hack) { - margin-left: 0 !important; -} - -#nav-bar #back-button:not(#hack) { - margin-right: 1px !important; -} - -/* Headerbar entries */ -#nav-bar #searchbar, -#urlbar #urlbar-input-container { - -moz-appearance: none !important; - background: var(--gnome-urlbar-background) !important; - border: none !important; - box-shadow: none !important; - border-radius: 8px !important; - color: var(--gnome-urlbar-color) !important; - padding: 0 6px !important; - height: 32px !important; - max-height: 32px !important; - transition: box-shadow 200ms; -} - -#nav-bar #searchbar:hover, -#urlbar #urlbar-input-container:hover { - box-shadow: inset 0 0 0 1px var(--gnome-hover-urlbar-border-color) !important; - transition-duration: 100ms; -} - -#urlbar[breakout][breakout-extend] #urlbar-input-container, -#urlbar[breakout][breakout-extend] #urlbar-input-container:hover { - background: none !important; - box-shadow: none !important; - padding: 0 6px !important; -} - -#nav-bar #searchbar:focus-within { - border: none !important; - background: var(--gnome-urlbar-background) !important; - box-shadow: inset 0 0 0 2px var(--gnome-focused-urlbar-highlight-color) !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/icons.css b/src/other/firefox/chrome/WhiteSur/parts/icons.css deleted file mode 100644 index fb2c30ed..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/icons.css +++ /dev/null @@ -1,509 +0,0 @@ -/* Replace icons */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Built-in firefox icons color */ -.toolbarbutton-icon, -.protections-popup-category-icon, -.protections-popup-footer-icon { - fill: var(--gnome-toolbar-color) !important; - fill-opacity: 1 !important; -} - -/* Tabs scroll icons */ -#TabsToolbar .scrollbutton-up { - list-style-image: url("../icons/pan-start-symbolic.svg") !important; -} -#TabsToolbar .scrollbutton-down { - list-style-image: url("../icons/pan-start-symbolic.svg") !important; -} - -/* Popovers subview menu arrow */ -.PanelUI-subView .subviewbutton-nav::after { - content: "" !important; - background: url("../icons/pan-start-symbolic.svg"); - background-size: contain; - height: 16px; - width: 16px; - margin-top: -2px !important; -} -.protections-popup-category::after { - content: url("../icons/pan-start-symbolic.svg") !important; -} -.identity-popup-content-blocking-category::after { - content: url("../icons/pan-start-symbolic.svg") !important; -} -#identity-popup-security-expander .button-icon { - list-style-image: url("../icons/pan-start-symbolic.svg") !important; -} - -/* Popovers subview back button */ -.subviewbutton-back { - list-style-image: url("../icons/pan-start-symbolic.svg") !important; -} - -/* Sub menu arrow */ -.menu-right { - -moz-appearance: none !important; - list-style-image: url("../icons/pan-end-symbolic.svg") !important; - width: 16px !important; - height: 16px !important; -} -menu[disabled] > .menu-right { - opacity: 0.3; -} -menu:not([disabled]):hover > .menu-right { - filter: invert(100%) brightness(200%); -} - -/* Arrow down buttons */ -.expander-down > .button-box, -#sidebar-switcher-arrow, -#viewButton .button-menu-dropmarker { - -moz-appearance: none !important; - list-style-image: url("../icons/pan-down-symbolic.svg") !important; - width: 16px !important; - height: 16px !important; -} -.menulist-label-box:after { - content: url("../icons/pan-down-symbolic.svg") !important; -} - -/* Arrow up buttons */ -.expander-up > .button-box { - -moz-appearance: none !important; - list-style-image: url("../icons/pan-up-symbolic.svg") !important; - width: 16px !important; - height: 16px !important; -} - -/* Search entries */ -#urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, -.searchbar-search-icon, -#search-box .textbox-search-sign { - list-style-image: url("../icons/edit-find-symbolic.svg") !important; - opacity: 0.7 !important; -} -#search-box .textbox-search-sign { - width: 16px !important; - margin: 2px 0; -} - -/* Tree views */ -treechildren::-moz-tree-twisty { - list-style-image: url("../icons/pan-down-symbolic.svg") !important; - width: 16px !important; - height: 16px !important; -} -treechildren::-moz-tree-twisty(open) { - list-style-image: url("../icons/pan-end-symbolic.svg") !important; -} -treechildren::-moz-tree-twisty(selected, focus) { - list-style-image: url("../icons/pan-down-symbolic-light.svg") !important; -} -treechildren::-moz-tree-twisty(selected, focus, open) { - list-style-image: url("../icons/pan-end-symbolic-light.svg") !important; -} - -.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty { - list-style-image: url("../icons/pan-down-symbolic-light.svg") !important; -} -.sidebar-panel[lwt-sidebar-brighttext] .sidebar-placesTreechildren::-moz-tree-twisty(open) { - list-style-image: url("../icons/pan-end-symbolic-light.svg") !important; -} -/* Sidebar: History: clock icon */ -#historyTree treechildren::-moz-tree-image { - list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important; -} - -/* Menu checkbox */ -menuitem[type="checkbox"] { - list-style-image: url("../icons/checkbox-symbolic.svg") !important; -} -menuitem[type="checkbox"][hover="true"] { - -} -menuitem[type="checkbox"][checked="true"] { - list-style-image: url("../icons/checkbox-checked-symbolic.svg") !important; -} -menuitem[type="checkbox"][disabled="true"] .menu-iconic-icon { - opacity: 0.5; -} -menuitem[type="checkbox"]:not([disabled="true"]):hover .menu-iconic-icon { - filter: invert(100%) brightness(200%); -} - -/* Menu radio */ -menuitem[type="radio"] { - list-style-image: url("../icons/radio-symbolic.svg") !important; -} -menuitem[type="radio"][checked="true"] { - list-style-image: url("../icons/radio-checked-symbolic.svg") !important; -} -menuitem[type="radio"][disabled="true"] .menu-iconic-icon { - opacity: 0.5; -} -menuitem[type="radio"]:not([disabled="true"]):hover .menu-iconic-icon { - filter: invert(100%) brightness(200%); -} - -/* Close button */ -.close-icon:not(.tab-close-button), -.identity-popup-permission-remove-button .button-icon { - list-style-image: url("../icons/window-close-symbolic.svg") !important; -} - -/* Private browsing button */ -#privatebrowsing-button { - list-style-image: url("../icons/user-not-tracked.svg") !important; -} -/* Sidebar button */ -#sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon, #sidebar-button:-moz-locale-dir(rtl)[positionend] .toolbarbutton-icon { - list-style-image: url("../icons/toggle-sidebar-symbolic.svg") !important; -} -#sidebar-button .toolbarbutton-icon { - list-style-image: url("../icons/toggle-right-sidebar-symbolic.svg"); -} -/* Back button */ -#nav-bar #back-button .toolbarbutton-icon, -#context-back { - list-style-image: url("../icons/go-previous-symbolic.svg") !important; -} -/* Forward button */ -#nav-bar #forward-button .toolbarbutton-icon, -#context-forward { - list-style-image: url("../icons/go-next-symbolic.svg") !important; -} -/* Menu button */ -#PanelUI-menu-button { - list-style-image: url("../icons/open-menu-symbolic.svg") !important; -} -/* New tab button */ -#new-tab-button, -.tabs-newtab-button, -#tabs-newtab-button, -#TabsToolbar { - list-style-image: url("../icons/tab-new-symbolic.svg") !important; -} -/* Home button */ -#home-button { - list-style-image: url("../icons/user-home-symbolic.svg") !important; -} -/* Preferences button */ -#preferences-button { - list-style-image: url("../icons/preferences-system-symbolic.svg") !important; -} -/* Fullscreen button */ -#fullscreen-button, -#appMenu-fullscreen-button { - list-style-image: url("../icons/view-fullscreen-symbolic.svg") !important; -} -/* Zoom out button */ -#zoom-out-button, -#appMenu-zoomReduce-button { - list-style-image: url("../icons/zoom-out-symbolic.svg") !important; -} -/* Zoom in button */ -#zoom-in-button, -#appMenu-zoomEnlarge-button { - list-style-image: url("../icons/zoom-in-symbolic.svg") !important; -} -/* Developer button */ -#developer-button { - list-style-image: url("../icons/applications-engineering-symbolic.svg") !important; -} -/* Email link button */ -#email-link-button { - list-style-image: url("../icons/mail-unread-symbolic.svg") !important; -} -/* Print button */ -#print-button { - list-style-image: url("../icons/printer-symbolic.svg") !important; -} -/* Addons button */ -#add-ons-button { - list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; -} -/* Find button */ -#find-button { - list-style-image: url("../icons/edit-find-symbolic.svg") !important; -} -/* New window button */ -#nav-bar #new-window-button { - list-style-image: url("../icons/window-new-symbolic.svg") !important; -} -/* Bookmarks menu button */ -#bookmarks-menu-button { - list-style-image: url("../icons/bookmarks-symbolic.svg") !important; -} -/* History button */ -#history-panelmenu { - list-style-image: url("../icons/preferences-system-time-symbolic.svg") !important; -} -/* All tabs button */ -#alltabs-button { - list-style-image: url("../icons/pan-down-symbolic.svg") !important; -} -/* Cut button */ -#cut-button, -#appMenu-cut-button { - list-style-image: url("../icons/edit-cut-symbolic.svg") !important; -} -/* Copy button */ -#copy-button, -#appMenu-copy-button { - list-style-image: url("../icons/edit-copy-symbolic.svg") !important; -} -/* Paste button */ -#paste-button, -#appMenu-paste-button { - list-style-image: url("../icons/edit-paste-symbolic.svg") !important; -} -/* Overflow button */ -#nav-bar-overflow-button { - list-style-image: url("../icons/view-more-horizontal-symbolic.svg") !important; -} - -/* Glitch - animations (may be possible to fix in about:config) */ -#reload-button { /* Reload button */ - list-style-image: url("../icons/view-refresh-symbolic.svg") !important; - animation: none !important; -} -#stop-button { /* Stop button */ - list-style-image: url("../icons/process-stop-symbolic.svg") !important; - animation: none !important; -} -#downloads-button .toolbarbutton-icon { /* Downloads button / Glitch - it swaps to the default one anyway */ - list-style-image: url("../icons/folder-download-symbolic.svg") !important; - animation: none !important; -} - -#identity-icon { - list-style-image: url("../icons/folder-locked-symbolic.svg") !important; -} - -#pageActionButton, .share-more-button { - list-style-image: url("../icons/page-action.svg") !important; -} - -#pocket-button, #pageAction-panel-pocket { - list-style-image: url("../icons/save-to-pocket.svg") !important; -} - -#star-button { - list-style-image: url("../icons/star-symbolic.svg") !important; -} - -#star-button[starred] { - list-style-image: url("../icons/starred-symbolic.svg") !important; -} - -#plugins-notification-icon:not(.plugin-blocked)[extraAttr="inactive"] > .plugin-icon { - fill-opacity: 0.25; - list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; -} - -#plugins-notification-icon:not(.plugin-blocked)[extraAttr="active"] > .plugin-icon { - fill-opacity: 1; - list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; -} - -.plugin-icon { - list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; -} - -.plugin-blocked > .plugin-icon { - list-style-image: url("../icons/application-x-addon-blocked-symbolic.svg") !important; -} - -/* #plugin-icon-badge { - list-style-image: url("../icons/application-x-addon-symbolic.svg") !important; -} */ - -.autoplay-media-icon { - list-style-image: url("../icons/autoplay-media-symbolic.svg") !important; -} - -.autoplay-media-icon.blocked-permission-icon { - list-style-image: url("../icons/autoplay-media-blocked-symbolic.svg") !important; -} - -.popup-notification-icon[popupid="drmContentPlaying"], .drm-icon { - list-style-image: url("../icons/drm-symbolic.svg") !important; -} - -#reader-mode-button { - list-style-image: url("../icons/reader-mode.svg") !important; -} - -#permissions-granted-icon { - list-style-image: url("../icons/permissions-granted.svg") !important; -} - -#tracking-protection-icon { - list-style-image: url("../icons/tracking-protection.svg") !important; -} - -#tracking-protection-icon-animatable-image { - background-image: url("../icons/tracking-protection-animatable.svg") !important; -} - -#library-button { - list-style-image: url("../icons/library-symbolic.svg") !important; -} - -#import-button { - list-style-image: url("../icons/import-symbolic.svg") !important; -} - -#panic-button { - list-style-image: url("../icons/forget-history-symbolic.svg") !important; -} - -#nav-bar #sync-button { - list-style-image: url("../icons/tab-sync-symbolic.svg") !important; -} - -#open-file-button { - list-style-image: url("../icons/open-folder-symbolic.svg") !important; -} - -#save-page-button { - list-style-image: url("../icons/save-folder-symbolic.svg") !important; -} - -#characterencoding-button { - list-style-image: url("../icons/character-symbolic.svg") !important; -} - -.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon { - list-style-image: url("../icons/notification-symbolic.svg") !important; -} - -.bookmark-item[container] { - list-style-image: url("../icons/folder-symbolic.svg") !important; -} - -.tab-icon-image { - list-style-image: url("../icons/network-workgroup-symbolic.svg") !important; - -moz-context-properties: fill; - fill: currentColor; -} - -/* Invert icons color in dark variant */ -@media (prefers-color-scheme: dark) { - .PanelUI-subView .subviewbutton-nav::after, - .protections-popup-category::after, - .identity-popup-content-blocking-category::after, - #identity-popup-security-expander .button-icon, - .subviewbutton-back .toolbarbutton-icon, - - .menu-right, - - #urlbar[pageproxystate="invalid"] > #identity-box > #identity-icon, - .searchbar-search-icon, - #search-box .textbox-search-sign, - - .menulist-label-box:after, - .expander-down image, - .expander-up image, - #sidebar-switcher-arrow, - #viewButton .button-menu-dropmarker, - - menuitem[type="checkbox"] .menu-iconic-icon, - menuitem[type="radio"] .menu-iconic-icon, - - .close-icon:not(.tab-close-button) image, - .identity-popup-permission-remove-button .button-icon, - - :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon, - :root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon, - :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max .toolbarbutton-icon, - :root[tabsintitlebar] #titlebar #titlebar-max .toolbarbutton-icon, - :root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon, - :root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon, - :root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon, - - .popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon, - - #import-button .toolbarbutton-icon, - #panic-button .toolbarbutton-icon, - #open-file-button .toolbarbutton-icon, - #save-page-button .toolbarbutton-icon, - #characterencoding-button .toolbarbutton-icon, - #library-button .toolbarbutton-icon, - #privatebrowsing-button .toolbarbutton-icon, - #sidebar-button:-moz-locale-dir(ltr):not([positionend]) .toolbarbutton-icon, - #sidebar-button:-moz-locale-dir(rtl)[positionend] .toolbarbutton-icon, - #sidebar-button .toolbarbutton-icon, - #nav-bar #back-button .toolbarbutton-icon, - #context-back .menu-iconic-icon, - #nav-bar #forward-button .toolbarbutton-icon, - #context-forward .menu-iconic-icon, - #PanelUI-menu-button .toolbarbutton-icon, - #new-tab-button .toolbarbutton-icon, - .tabs-newtab-button .toolbarbutton-icon, - #tabs-newtab-button .toolbarbutton-icon, - #TabsToolbar .toolbarbutton-icon, - #home-button .toolbarbutton-icon, - #preferences-button .toolbarbutton-icon, - #fullscreen-button .toolbarbutton-icon, - #appMenu-fullscreen-button .toolbarbutton-icon, - #zoom-out-button .toolbarbutton-icon, - #appMenu-zoomReduce-button .toolbarbutton-icon, - #zoom-in-button .toolbarbutton-icon, - #appMenu-zoomEnlarge-button .toolbarbutton-icon, - #developer-button .toolbarbutton-icon, - #email-link-button .toolbarbutton-icon, - #print-button .toolbarbutton-icon, - #add-ons-button .toolbarbutton-icon, - #find-button .toolbarbutton-icon, - #bookmarks-menu-button .toolbarbutton-icon, - #history-panelmenu .toolbarbutton-icon, - #alltabs-button .toolbarbutton-icon, - #cut-button .toolbarbutton-icon, - #appMenu-cut-button .toolbarbutton-icon, - #copy-button .toolbarbutton-icon, - #appMenu-copy-button .toolbarbutton-icon, - #paste-button .toolbarbutton-icon, - #appMenu-paste-button .toolbarbutton-icon, - #nav-bar-overflow-button .toolbarbutton-icon, - #reload-button .toolbarbutton-icon, - #stop-button .toolbarbutton-icon, - #downloads-button .toolbarbutton-icon, - #nav-bar #sync-button .toolbarbutton-icon, - #nav-bar #new-window-button .toolbarbutton-icon, - #tracking-protection-icon, - #identity-icon, - #pageActionButton, - #permissions-granted-icon, - #tracking-protection-icon-animatable-image, - #reader-mode-button, - #star-button:not([starred]), - .plugin-icon, .autoplay-media-icon, - .popup-notification-icon[popupid="drmContentPlaying"], .drm-icon, - .bookmark-item[container] .toolbarbutton-icon { - filter: invert(60%) brightness(150%); - } - - #pocket-button, - #pageAction-panel-pocket { - list-style-image: url("../icons/save-to-pocket-light.svg") !important; - } - - /* Tree views */ - treechildren::-moz-tree-twisty { - list-style-image: url("../icons/pan-down-symbolic-light.svg") !important; - } - treechildren::-moz-tree-twisty(open) { - list-style-image: url("../icons/pan-end-symbolic-light.svg") !important; - } - #historyTree treechildren::-moz-tree-image { - list-style-image: url("../icons/preferences-system-time-symbolic-light.svg") !important; - } - - /* Fix for extensions icons */ - .webextension-browser-action { - list-style-image: var(--webextension-menupanel-image-light, inherit) !important; - } -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/popups-contents.css b/src/other/firefox/chrome/WhiteSur/parts/popups-contents.css deleted file mode 100644 index 36b87b60..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/popups-contents.css +++ /dev/null @@ -1,334 +0,0 @@ -/* Popups contents syles */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Style main context menu & buttons */ -#context-navigation { - padding: 2px 6px 6px; -} -#context-navigation > menuitem > .menu-iconic-left { - margin: auto !important; -} -#context-navigation menuitem { - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; -} - -/* Remove icons from the main context menu */ -#contentAreaContextMenu menuitem image, -#contentAreaContextMenu menu image { - visibility: hidden; -} -#contentAreaContextMenu menugroup menuitem image { - visibility: visible; -} - -/* Main menu */ -#appMenu-popup .panel-banner-item:after { - -moz-box-ordinal-group: 0; - margin: 0 8px 0 0 !important; -} -#appMenu-popup .toolbaritem-combined-buttons { - margin-inline-end: 0 !important; -} -#appMenu-popup .toolbaritem-combined-buttons .before-label { - width: 5px !important; -} -#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label, -#appMenu-fxa-container[fxastatus="signedin"] > #appMenu-fxa-status > #appMenu-fxa-label { - padding-left: 28px !important; -} - -/* User sync account remove avatar */ -#fxa-menu-avatar { - display: none; -} - -/* Add search engine button remove icon */ -#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack { - display: none !important; -} - -/* All tabs popover */ -.all-tabs-item[selected] { - border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color); - box-shadow: none !important; -} - -.all-tabs-item > .all-tabs-secondary-button label { - margin: 0 !important; -} - -/* Downloads popover */ -#downloadsPanel-mainView .download-state { - padding: 8px !important; - border: 0 !important; - border-radius: 8px !important; - display: flex; - align-items: center; -} -#downloadsPanel-mainView .download-state:hover { - background-color: var(--gnome-popover-button-hover-background) !important; -} -#downloadsPanel-mainView .download-state:last-child { - margin-bottom: 8px !important; -} - -#downloadsPanel-mainView .downloadMainArea { - flex: 1; - display: flex; -} -#downloadsPanel-mainView .downloadMainArea:hover { - background: transparent !important; -} - -#downloadsPanel-mainView .downloadTypeIcon { - margin: 0 !important; - margin-right: 6px !important; -} - -#downloadsPanel-mainView .downloadContainer { - margin-inline-end: 0 !important; - flex: 1; - display: flex; - flex-direction: column; -} - -#downloadsPanel-mainView .download-state .downloadButton .button-box { - padding: 0 !important; - margin: 0 !important; -} -#downloadsPanel-mainView .download-state toolbarseparator { - display: none; -} - -/* Customization overflow menu position */ -#customization-panel-container { - padding: 0 75px 25px !important; - margin-top: 10px; - z-index: 10; -} -#customization-panelWrapper > .panel-arrowbox { - margin-bottom: -5px !important; -} - -/* Confirmation Hint */ -#confirmation-hint .panel-arrowcontent { - background: var(--gnome-button-suggested-action-background) !important; - border-color: var(--gnome-button-suggested-action-border-color) !important; -} -#confirmation-hint .panel-arrow { - fill: var(--gnome-button-suggested-action-border-color) !important; - stroke: var(--gnome-button-suggested-action-border-color) !important; -} -#confirmation-hint-message { - color: white !important; -} - -/* Identity popup */ -#identity-popup-security, -.identity-popup-section, -#identity-popup-security-expander .button-box, -.identity-popup-security-content { - border: 0 !important; -} - -.identity-popup-security-content, #identity-popup-permissions-content, #identity-popup-content-blocking-content { - padding-inline-end: 0 !important; - padding-inline-start: 0 !important; -} -#identity-popup-permissions-content, #identity-popup-content-blocking-content { - background-image: none !important; -} -.identity-popup-security-content { - background-position: 0em 0.8em !important; - background-size: 24px auto; -} -.identity-popup-security-content .identity-popup-headline { - margin-left: 1.4em !important; -} - -#identity-popup-content-blocking-category-list, #identity-popup-permission-list { - margin-inline-start: 0 !important; -} - -.identity-popup-security-connection { /* FF70 */ - background-position: 0 50% !important; - padding-inline-start: 16px !important; -} -#identity-popup-security-description { /* FF70 */ - padding-inline-start: 0 !important; -} - -.identity-popup-content-blocking-category-icon, .identity-popup-permission-icon { - margin-inline-start: 0 !important; -} -.identity-popup-content-blocking-category-label { - margin-inline-start: 6px !important; -} -.identity-popup-content-blocking-category-state-label { - opacity: 0.7; -} - -#identity-popup-permissions-content { - padding-right: 0 !important; -} -#identity-popup-permissions-content description { - margin-inline-start: 0 !important; -} -#identity-popup-permissions-content { - padding-bottom: 10px !important; -} - -/* TODO: create custom --gnome-list vars */ -#identity-popup-permission-list:not(:empty) { - border: 1px solid var(--gnome-button-border-color); - border-bottom: 0 !important; - padding: 0 !important; -} -.identity-popup-permission-item { - background: var(--gnome-menu-background); - border-bottom: 1px solid var(--gnome-button-border-color); - padding: 6px !important; - margin: 0 !important; -} - -/* Protections popup */ -.protections-popup-section, -#protections-popup-not-blocking-section-header { - border: 0 !important; -} - -#protections-popup-mainView-panel-header { - background: var(--gnome-button-suggested-action-background) !important; - border: 1px solid var(--gnome-button-suggested-action-border-color) !important; - border-radius: 8px 8px 0 0; - min-height: 34px !important; -} - -#protections-popup[toast] #protections-popup-mainView-panel-header { - border-radius: 8px 8px 8px 8px !important; -} - -#protections-popup-message { - height: 100% !important; - margin: 0 !important; - border-radius: 0 !important; -} - -#protections-popup-tp-switch-section { - background: var(--gnome-button-background) !important; - border: 1px solid var(--gnome-button-border-color) !important; - border-top: 0 !important; - border-radius: 0 0 8px 8px; -} -#protections-popup[hasException] #protections-popup-tp-switch-section { - margin-bottom: 10px !important; - color: white !important; -} - -#protections-popup[hasException] #protections-popup-tp-switch-section, -#protections-popup[hasException] #protections-popup-mainView-panel-header{ - background: var(--gnome-button-destructive-action-background) !important; - border-color: var(--gnome-button-destructive-action-border-color) !important; -} - -#protections-popup-no-trackers-found-description { - margin: 10px 0 !important; -} - -#protections-popup-blocking-section-header, -#protections-popup-not-found-section-header, -#protections-popup-not-blocking-section-header{ - padding: 0px 5px !important; - margin-top: 20px !important; - height: auto !important; -} - -#protections-popup-category-list { - margin: 0 !important; -} -.protections-popup-category-label { - margin-inline-start: 6px !important; -} -.protections-popup-category-state-label { - opacity: 0.7; -} - -#protections-popup-content, -#protections-popup-footer { - padding: 0 !important; -} - -#protections-popup-footer { - display: flex; - justify-content: flex-end; - flex-wrap: wrap; - margin-top: 3px; -} -#protections-popup-show-report-stack { - width: 100% !important; - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 10px; -} - -#protections-popup-trackers-blocked-counter-box { - margin-inline-end: 0 !important; -} - -/* TODO: consider switchers section */ -.protections-popup-tp-switch-box { - margin-top: 16px; - padding: 0 !important; - -moz-box-pack: start !important; -} -#protections-popup-tp-switch:not([enabled])[showdotindicator]::after { - display: none !important; -} -#protections-popup-tp-switch { - background: var(--gnome-switch-background) !important; - border: 1px solid var(--gnome-switch-border-color) !important; - border-radius: 24px !important; - min-width: 50px !important; - width: 50px !important; - min-height: 26px !important; - padding: 0 !important; - position: relative !important; - display: block !important; - margin: 0 !important; -} -#protections-popup-tp-switch:hover { - border-color: var(--gnome-switch-border-color) !important; -} -#protections-popup-tp-switch::before { - position: absolute !important; - top: 0px; - left: 0px; - background: var(--gnome-switch-slider-background) !important; - border: 1px solid var(--gnome-switch-slider-border-color) !important; - box-shadow: var(--gnome-switch-slider-box-shadow); - border-radius: 24px !important; - height: 24px !important; - width: 24px !important; - transition: left .2s ease; - outline: 0 !important; -} -#protections-popup-tp-switch[enabled] { - background: var(--gnome-switch-active-background) !important; - border-color: var(--gnome-switch-active-border-color) !important; - padding-inline-start: 24px !important; -} -#protections-popup-tp-switch[enabled]:hover { - border-color: var(--gnome-switch-active-border-color) !important; -} -#protections-popup-tp-switch[enabled]::before { - border-color: var(--gnome-switch-active-slider-border-color) !important; - left: 24px; -} - -/* Feature recommendation notification, fix width */ -#contextual-feature-recommendation-notification { - width: auto !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/popups.css b/src/other/firefox/chrome/WhiteSur/parts/popups.css deleted file mode 100644 index 2f905399..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/popups.css +++ /dev/null @@ -1,131 +0,0 @@ -/* Popup menus and context menus */ - -@import "popups-contents.css"; -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Style menus */ -menupopup { - -moz-appearance: none !important; - background: var(--gnome-menu-background) !important; - border: 1px solid var(--gnome-menu-border-color) !important; - border-radius: 8px; - padding: 4px 0 !important; - color: var(--gnome-toolbar-color) !important; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important; -} -menupopup menupopup { - margin: -5px 0 0 -4px; -} - -menubar > menu > menupopup { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; -} - -menuitem, menupopup menu { - -moz-appearance: none !important; - padding: 4px 8px !important; -} - -menuitem[type="checkbox"] image, menuitem[type="radio"] image { - visibility: visible !important; -} - -menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover { - background: transparent !important; -} - -/* Adjust popovers position */ -panel[type=arrow] { - margin-top: 9px !important; - max-height: 80vh !important; -} - -/* Style popovers */ -.panel-arrowcontent .panel-arrowcontent, -.panel-header, .PanelUI-subView, -.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer, -panelview { - border: 0 !important; - background: transparent !important; -} - -.panel-arrowcontent { - background: var(--gnome-popover-background) !important; - border: 1px solid !important; - border-color: var(--gnome-popover-border-color) !important; - border-radius: 9px; - /* box-shadow: var(--gnome-popover-shadow) !important; */ - padding: 12px !important; - color: var(--gnome-toolbar-color) !important; -} -.panel-arrow { - fill: var(--gnome-popover-background) !important; - stroke: var(--gnome-popover-border-color) !important; -} - -.PanelUI-subView toolbarseparator:not([orient="vertical"]) { - margin: 10px 2px !important; -} - -.panel-header { - padding: 0 0 10px 0 !important; -} -.panel-footer { - background-color: transparent !important; - display: flex; - justify-content: flex-end; - padding-top: 0px !important; -} -.panel-footer toolbarseparator { - display: none !important; -} - -.panel-subview-body { - padding: 0 !important; -} -.panel-subview-footer { - margin-top: 10px !important; -} - -/* Style popovers menu buttons */ -.subviewbutton:not(.subviewbutton-back), -.toolbarbutton-1, .protections-popup-category, -.identity-popup-content-blocking-category { - border-radius: 8px !important; - color: var(--gnome-toolbar-color) !important; - font: menu !important; -} -.subviewbutton:not(.subviewbutton-back), -.protections-popup-category, -.identity-popup-content-blocking-category { - padding: 5px !important; -} - -.subviewbutton[disabled], .toolbarbutton-1[disabled], -.protections-popup-category[disabled], -.identity-popup-content-blocking-category[disabled] { - opacity: 0.5 !important; - color: var(--gnome-inactive-toolbar-color) !important; - background: none !important; -} - -.subviewbutton[shortcut]:after { - opacity: 0.5 !important; -} - -.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:not([disabled]):hover, -.identity-popup-content-blocking-category:not([disabled]):hover { - background: var(--gnome-popover-button-hover-background) !important; -} - -/* Style popover separators */ -toolbarseparator, menuseparator { - border-color: var(--gnome-popover-separator-color) !important; -} -toolbarseparator:not([orient="vertical"]) { - margin: 8px 0 !important; -} -toolbarseparator[orient="vertical"] { - margin: 0 3px !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/remove-white-flash.css b/src/other/firefox/chrome/WhiteSur/parts/remove-white-flash.css deleted file mode 100644 index 7d46d806..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/remove-white-flash.css +++ /dev/null @@ -1,11 +0,0 @@ -/* Removes a white flash after you open or close a tab. Affects all variants, - * but it's more visible on dark variants. */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Overrides: Change the flash color */ -#tabbrowser-tabpanels, -#tabbrowser-tabpanels[pendingpaint], -browser { - background-color: var(--gnome-browser-before-load-background) !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/scrollbars.css b/src/other/firefox/chrome/WhiteSur/parts/scrollbars.css deleted file mode 100644 index befb75b6..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/scrollbars.css +++ /dev/null @@ -1,30 +0,0 @@ -/* Scrollbars hack */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -#alltabs-button:not(#hack) { - list-style-image: none !important; - position: relative; -} - -#alltabs-button:not(#hack) .toolbarbutton-icon { - display: none !important; -} -#alltabs-button:not(#hack) .toolbarbutton-badge-stack { - position: absolute; -} - -#alltabs-button::before { - position: relative; - top: 2px; - content: url("../icons/pan-down-symbolic.svg"); -} -@media (prefers-color-scheme: dark) { - #alltabs-button::before { - filter: invert(100%) brightness(200%); - } -} - -#alltabs-button:-moz-window-inactive::before { - opacity: 0.7 !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/tabsbar.css b/src/other/firefox/chrome/WhiteSur/parts/tabsbar.css deleted file mode 100644 index 1f7f310b..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/tabsbar.css +++ /dev/null @@ -1,284 +0,0 @@ -/* Tabs bar */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Tabs bar height */ -#tabbrowser-tabs, -#tabbrowser-tabs arrowscrollbox { - height: initial !important; - min-height: initial !important; -} -tab > stack { - height: 32px !important; -} -/* Extra margin for the first and last tabs */ -.tabbrowser-tab[first-tab]:not([pinned=true]) { - margin-left: 8px !important; -} -.tabbrowser-tab[last-tab]:not([pinned=true]) { - margin-right: 8px !important; -} - -#TabsToolbar .toolbar-items { - margin-bottom: -1px !important; -} - -:root[tabsintitlebar][inFullscreen] #TabsToolbar .toolbar-items { - margin-bottom: 0 !important; -} - -/* Remove hover effects on tab bar buttons */ -#TabsToolbar { - --toolbarbutton-active-background: transparent !important; - --toolbarbutton-hover-background: transparent !important; - padding: 0 0 !important; - box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 1px 3px rgba(0, 0, 0, 0.08) !important; -} - -/* New hover effect */ -#TabsToolbar toolbarbutton { - fill-opacity: .6 !important; -} -#TabsToolbar toolbarbutton:not([disabled]):hover, -#TabsToolbar toolbarbutton[open=true] { - fill-opacity: 1 !important; -} - -/* Remove shadow next to tab scroll buttons */ -.arrowscrollbox-overflow-start-indicator, -.arrowscrollbox-overflow-end-indicator { - display: none; -} - -/* Remove tab separators */ -.tabbrowser-tab::after, -.tabbrowser-tab::before { - border-color: transparent !important; - border-image: none !important; -} - -/* Space between tabs */ -.tabbrowser-tab:not([pinned=true]) { - margin: 0 0 !important; -} - -/* Tab labels */ -tab { - color: var(--gnome-tabbar-tab-color) !important; - font-family: Cantarell, inherit; - font-weight: bold; - font-size: 1em; -} -tab:hover { - color: var(--gnome-tabbar-tab-hover-color) !important; -} -tab[selected] { - color: var(--gnome-tabbar-tab-active-color) !important; -} -tab:-moz-window-inactive { - color: var(--gnome-inactive-tabbar-tab-color) !important; -} -tab[selected]:-moz-window-inactive { - color: var(--gnome-inactive-tabbar-tab-active-color) !important; -} - -/* Center all inside tab */ -.tab-content { - display: flex; - justify-content: center; - align-items: center; - margin-top: -1px; - min-width: 100% !important; - padding: 0 10px !important; -} - -/* Prevent tab icons size breaking */ -.tab-icon-image, .tab-icon-sound, .tab-throbber, .tab-throbber-fallback, .tab-close-button { - min-width: 16px; -} - -/* Adjust tab label width */ -.tab-label-container { - min-width: 0 !important; -} - -/* Put tab close button and icon sound to the right */ -.tab-icon-sound[soundplaying="true"], .tab-icon-sound[muted="true"], -.tab-icon-sound[activemedia-blocked="true"] { - margin-left: auto !important; -} -.tabbrowser-tab:not([soundplaying]):not([muted]):not([activemedia-blocked]) .tab-close-button { - margin-left: auto !important; -} -.tab-icon-sound { - margin-right: 6px; -} - -/* Force tab favicon to the center */ -.tab-throbber, .tab-throbber-fallback { - margin-left: auto; -} -.tabbrowser-tab:not([busy]) .tab-icon-image { - margin-left: auto; -} - -/* If tab favicon is not present, force tab label to the center */ -.tabbrowser-tab .tab-label-container { - margin-left: 0 !important; -} -.tabbrowser-tab:not([image]):not([busy]):not([progress]) .tab-label-container { - margin-left: auto !important; -} - -/* If tab close button is not present, don't force favicon to the center */ -#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber, -#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback, -#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image, -#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container { - margin-left: 0 !important; -} - -/* Remove tab icons */ -/* tab:not([pinned=true]) .tab-icon-image { - display: none; -} */ - -/* Close tab button */ -:root { - --gnome-fill-icon: red !important; -} -.tab-close-button { - -moz-appearance: none !important; - border: none !important; - box-sizing: content-box; /* Avoid deformation on flexbox */ - border-radius: 2px; - list-style-image: url("../icons/window-close-symbolic.svg") !important; - height: 16px; - opacity: .3; - padding: 0; - width: 16px; -} -@media (prefers-color-scheme: dark) { - .tab-close-button { - list-style-image: url("../icons/window-close-symbolic-light.svg") !important; - } -} -:root:-moz-window-inactive .tab-close-button:not(#hack) { - opacity: .18 !important; -} -:root:not(:-moz-window-inactive) .tab-close-button:hover { - background-color: var(--gnome-button-hover-color) !important; - border: none !important; - opacity: 1; -} -:root:not(:-moz-window-inactive) .tab-close-button:active { - background-color: var(--gnome-button-active-color) !important; -} - -.tab-close-button:active:not(:hover) { - background-image: none !important; - box-shadow: none !important; -} - -/* Tab close button etc. positioning */ -.tab-throbber, .tab-icon-image, .tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button { - margin-top: 0 !important; -} - -/* Remove blue line above tabs */ -.tab-line { - display: none; -} - -/* Move container lines to the top */ -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background { - border-top: 3px solid var(--identity-tab-color) !important; -} - -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { - display: none; -} - -.tab-background { - background-color: transparent !important; - transition: all 200ms; -} - -/* Active tab */ -.tab-background[selected=true] { - background-color: var(--gnome-tabbar-tab-active-background) !important; - background-image: none !important; - border: none !important; - border-image: none !important; - margin-left: -1px !important; - margin-right: -1px !important; - box-shadow: 1px 0 var(--gnome-toolbar-border-color), 1px 0 3px rgba(0, 0, 0, 0.08), - -1px 0 var(--gnome-toolbar-border-color), -1px 0 3px rgba(0, 0, 0, 0.08), - inset 0 -1px var(--gnome-toolbar-border-color) !important; -} - -.tab-background[selected=true]:-moz-window-inactive { - background-color: var(--gnome-inactive-tabbar-tab-active-background) !important; - border-image: none !important; -} - -/* Tab hover */ -#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) { - background-color: var(--gnome-tabbar-tab-active-hover-background) !important; - border-image: none !important; - box-shadow: inset 0 1px var(--gnome-toolbar-border-color), inset 0 -1px var(--gnome-toolbar-border-color) !important; -} - -/* Tabs scroll buttons hover */ -#TabsToolbar .scrollbutton-up:not([disabled]):hover, #TabsToolbar .scrollbutton-down:not([disabled]):hover { - background-color: var(--gnome-tabbar-tab-active-hover-background) !important; -} - -/* Full width tabs */ -.tabbrowser-tab:not([style^="max-width"]):not([pinned]), -.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]) { - max-width: 100% !important; -} - -.tabbrowser-tab:not([style^="max-width"]):not([pinned]):not([fadein]), -.tabbrowser-tab[style^="max-width: 100px !important;"]:not([pinned]):not([fadein]) { - max-width: .1px !important; -} - -/* Remove blank spaces on tabs start and end */ -#TabsToolbar .titlebar-spacer { - display: none !important; -} - -/* Remove container bottom line indicator */ -.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line { - display: none; -} - -/* Create new container tab indicator */ -.tabbrowser-tab[class*="identity-color-"] .tab-content::before { - content: ""; - display: block; - background-image: var(#userContext-icons:--identity-icon); - background: var( --identity-tab-color); - -moz-context-properties: fill; - fill: var(--identity-icon-color); - background-size: contain; - background-repeat: no-repeat; - background-position: center center; - min-width: 10px; - height: 10px; - margin-right: 5px; - margin-left: auto !important; - border-radius: 100%; -} - -.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before, -.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before { - right: -10px; - top: -8px; - position: relative; - margin-right: -10px; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/titlebutton-dark.css b/src/other/firefox/chrome/WhiteSur/parts/titlebutton-dark.css deleted file mode 100644 index b9445308..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/titlebutton-dark.css +++ /dev/null @@ -1,146 +0,0 @@ -@media (prefers-color-scheme: dark) { -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close, -:root[tabsintitlebar] #titlebar #titlebar-close { - background: url("../titlebuttons/titlebutton-close-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar] #titlebar #titlebar-max { - background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min, -:root[tabsintitlebar] #titlebar #titlebar-min { - background: url("../titlebuttons/titlebutton-minimize-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore, -:root[tabsintitlebar] #titlebar #titlebar-restore, -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max { - background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close, -:root[tabsintitlebar] #titlebar #titlebar-close:hover { - background: url("../titlebuttons/titlebutton-close-hover-inactive-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar] #titlebar #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-maximize-hover-inactive-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min, -:root[tabsintitlebar] #titlebar #titlebar-min:hover { - background: url("../titlebuttons/titlebutton-minimize-hover-inactive-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover, -:root[tabsintitlebar] #titlebar #titlebar-close:hover { - background: url("../titlebuttons/titlebutton-close-hover-dark.svg") no-repeat; - background-size: contain; - transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover, -:root[tabsintitlebar] #titlebar #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-maximize-hover-dark.svg") no-repeat; - background-size: contain; - transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover, -:root[tabsintitlebar] #titlebar #titlebar-min:hover { - background: url("../titlebuttons/titlebutton-minimize-hover-dark.svg") no-repeat; - background-size: contain; - transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-restore, -:root[tabsintitlebar] #titlebar #titlebar-restore:hover, -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active, -:root[tabsintitlebar] #titlebar #titlebar-close:active { - background: url("../titlebuttons/titlebutton-close-active-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active, -:root[tabsintitlebar] #titlebar #titlebar-max:active { - background: url("../titlebuttons/titlebutton-maximize-active-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active, -:root[tabsintitlebar] #titlebar #titlebar-min:active { - background: url("../titlebuttons/titlebutton-minimize-active-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:active .titlebar-restore, -:root[tabsintitlebar] #titlebar #titlebar-restore:active, -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active, -:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active { - background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close { - background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max { - background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min { - background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max { - background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover { - background: url("../titlebuttons/titlebutton-close-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-maximize-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover { - background: url("../titlebuttons/titlebutton-minimize-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-restore, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore:hover, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-unmaximize-backdrop-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls #restore-button { - background: url("../titlebuttons/titlebutton-maximize-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover { - background: url("../titlebuttons/titlebutton-unmaximize-hover-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active { - background: url("../titlebuttons/titlebutton-unmaximize-active-dark.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button { - background: url("../titlebuttons/titlebutton-backdrop-dark.svg") no-repeat; - background-size: contain; -} -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/titlebutton-light.css b/src/other/firefox/chrome/WhiteSur/parts/titlebutton-light.css deleted file mode 100644 index 7d7c2779..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/titlebutton-light.css +++ /dev/null @@ -1,144 +0,0 @@ -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close, -:root[tabsintitlebar] #titlebar #titlebar-close { - background: url("../titlebuttons/titlebutton-close.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar] #titlebar #titlebar-max { - background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min, -:root[tabsintitlebar] #titlebar #titlebar-min { - background: url("../titlebuttons/titlebutton-minimize.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-restore, -:root[tabsintitlebar] #titlebar #titlebar-restore, -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max { - background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close, -:root[tabsintitlebar] #titlebar #titlebar-close:hover { - background: url("../titlebuttons/titlebutton-close-hover-inactive.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar] #titlebar #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-maximize-hover-inactive.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min, -:root[tabsintitlebar] #titlebar #titlebar-min:hover { - background: url("../titlebuttons/titlebutton-minimize-hover-inactive.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:hover, -:root[tabsintitlebar] #titlebar #titlebar-close:hover { - background: url("../titlebuttons/titlebutton-close-hover.svg") no-repeat; - background-size: contain; - transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:hover, -:root[tabsintitlebar] #titlebar #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-maximize-hover.svg") no-repeat; - background-size: contain; - transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:hover, -:root[tabsintitlebar] #titlebar #titlebar-min:hover { - background: url("../titlebuttons/titlebutton-minimize-hover.svg") no-repeat; - background-size: contain; - transition: background-size 300ms cubic-bezier(0.0, 0.0, 0.2, 1); -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-restore, -:root[tabsintitlebar] #titlebar #titlebar-restore:hover, -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-close:active, -:root[tabsintitlebar] #titlebar #titlebar-close:active { - background: url("../titlebuttons/titlebutton-close-active.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-max:active, -:root[tabsintitlebar] #titlebar #titlebar-max:active { - background: url("../titlebuttons/titlebutton-maximize-active.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:hover .titlebar-min:active, -:root[tabsintitlebar] #titlebar #titlebar-min:active { - background: url("../titlebuttons/titlebutton-minimize-active.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar .titlebar-buttonbox:active .titlebar-restore, -:root[tabsintitlebar] #titlebar #titlebar-restore:active, -:root[tabsintitlebar][sizemode="maximized"] #titlebar .titlebar-buttonbox:active .titlebar-max:active, -:root[tabsintitlebar][sizemode="maximized"] #titlebar #titlebar-max:active { - background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-close, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close { - background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max { - background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-min, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min { - background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-restore, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max { - background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-close, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-close:hover { - background: url("../titlebuttons/titlebutton-close-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-maximize-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-min, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-min:hover { - background: url("../titlebuttons/titlebutton-minimize-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-restore, -:root[tabsintitlebar] #titlebar:-moz-window-inactive #titlebar-restore:hover, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive .titlebar-buttonbox:hover .titlebar-max, -:root[tabsintitlebar][sizemode="maximized"] #titlebar:-moz-window-inactive #titlebar-max:hover { - background: url("../titlebuttons/titlebutton-unmaximize-backdrop.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls #restore-button { - background: url("../titlebuttons/titlebutton-maximize.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:hover { - background: url("../titlebuttons/titlebutton-unmaximize-hover.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls #restore-button:active { - background: url("../titlebuttons/titlebutton-unmaximize-active.svg") no-repeat; - background-size: contain; -} -:root[tabsintitlebar][inFullscreen] #window-controls:-moz-window-inactive #restore-button { - background: url("../titlebuttons/titlebutton-backdrop.svg") no-repeat; - background-size: contain; -} diff --git a/src/other/firefox/chrome/WhiteSur/parts/toolbox.css b/src/other/firefox/chrome/WhiteSur/parts/toolbox.css deleted file mode 100644 index c5013158..00000000 --- a/src/other/firefox/chrome/WhiteSur/parts/toolbox.css +++ /dev/null @@ -1,105 +0,0 @@ -/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox): - * - menu bar (toolbar#toolbar-menubar) - * - tab bar (toolbar#TabsToolbar) - * - header bar (toolbar#nav-bar) - * - bookmark bar (toolbar#PersonalToolbar) - * - add-ons can add their own toolbars (toolbar) */ - -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Toolbox colors */ -#navigator-toolbox { - border: 0 !important; - background: none !important; -} - -.toolbarbutton-icon { - color: var(--gnome-toolbar-color); - fill: var(--gnome-toolbar-color); -} - -#nav-bar, #PersonalToolbar, #toolbar-menubar { - border: 0 !important; - color: var(--gnome-toolbar-color); - background: var(--gnome-toolbar-background) !important; - border-bottom: none !important; -} -#TabsToolbar { - border: 0 !important; - background: var(--gnome-tabstoolbar-background) !important; - border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; - box-shadow: inset 0 1px var(--gnome-toolbar-border-color) !important; -} -findbar { - border: 0 !important; - background: var(--gnome-findbar-background) !important; - border-bottom: 1px solid var(--gnome-toolbar-border-color) !important; -} -#nav-bar:-moz-window-inactive, -#PersonalToolbar:-moz-window-inactive, #toolbar-menubar:-moz-window-inactive, -#TabsToolbar:-moz-window-inactive, findbar:-moz-window-inactive { - background: var(--gnome-inactive-toolbar-background) !important; -} - -#navigator-toolbox:-moz-window-inactive label, #navigator-toolbox:-moz-window-inactive image, -#downloads-indicator-anchor:-moz-window-inactive, -findbar:-moz-window-inactive image:not(#hack), -findbar:-moz-window-inactive label, -#viewButton:-moz-window-inactive dropmarker { - opacity: 0.7 !important; -} - -#toolbar-menubar:not([inactive=true]) { - margin-bottom: 0 !important; -} - -#PersonalToolbar { - padding: 2px 4px 0 4px !important; - height: 32px !important; -} - -/* Overrides: Remove border below the menu bar / above the header bar */ -#TabsToolbar:not([collapsed="true"]) + #nav-bar { - border-top-width: 0 !important; -} - -#navigator-toolbox::after { - border-bottom-width: 0 !important; -} - -/* Reorder toolbars */ -#navigator-toolbox #nav-bar, findbar { - -moz-box-ordinal-group: 0; -} -#navigator-toolbox #PersonalToolbar { - -moz-box-ordinal-group: 1; -} -#navigator-toolbox #titlebar { - -moz-box-ordinal-group: 2; -} -#navigator-toolbox toolbar { - -moz-box-ordinal-group: 10; -} -#navigator-toolbox #TabsToolbar { - -moz-box-ordinal-group: 100; -} - -/* Overrides: Don't shift other toolbars on tab drag and drop */ -#TabsToolbar[movingtab] { - padding-bottom: 0 !important; -} -#TabsToolbar[movingtab] > .tabbrowser-tabs { - padding-bottom: 0 !important; - margin-bottom: 0 !important; -} -#TabsToolbar[movingtab] + #nav-bar { - margin-top: 0 !important; -} - -/* bookmark-item */ -toolbarbutton.bookmark-item { - padding: 0 4px; !important; - margin: 0 2px !important; - border-radius: 3px !important; - max-height: 20px !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/rounded-title-buttons.css b/src/other/firefox/chrome/WhiteSur/rounded-title-buttons.css deleted file mode 100644 index 5ec34813..00000000 --- a/src/other/firefox/chrome/WhiteSur/rounded-title-buttons.css +++ /dev/null @@ -1,10 +0,0 @@ -/* Rounded title buttons (headerbar window controls) */ - -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -:root[tabsintitlebar] #titlebar .titlebar-button { - border-radius: 100% !important; - height: 30px !important; - width: 30px !important; - margin: 2px 5px !important; -} diff --git a/src/other/firefox/chrome/WhiteSur/symbolic-tab-icons.css b/src/other/firefox/chrome/WhiteSur/symbolic-tab-icons.css deleted file mode 100644 index 4f783670..00000000 --- a/src/other/firefox/chrome/WhiteSur/symbolic-tab-icons.css +++ /dev/null @@ -1,17 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* Icons light/dark fix coloring hack filters */ -:root { - --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%) invert(100%); -} -@media (prefers-color-scheme: dark) { - :root { - --gnome-convert-icon-to-symbolic-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(85%); - } -} - -/* Make tab icons look kinda like symbolic icons */ -tab .tab-icon-image { - filter: var(--gnome-convert-icon-to-symbolic-hack-filter); -} - diff --git a/src/other/firefox/chrome/WhiteSur/system-icons.css b/src/other/firefox/chrome/WhiteSur/system-icons.css deleted file mode 100644 index 928f9248..00000000 --- a/src/other/firefox/chrome/WhiteSur/system-icons.css +++ /dev/null @@ -1,175 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -/* Icons light/dark fix coloring hack filters */ -:root { - --gnome-icons-hack-filter: none; - --gnome-window-icons-hack-filter: none; -} -@media (prefers-color-scheme: dark) { - :root { - --gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); - --gnome-window-icons-hack-filter: invert(90%); - } -} - -/* Toolbars close button */ -.close-icon:not(.tab-close-button) { - list-style-image: url("moz-icon://stock/window-close-symbolic?size=dialog") !important; -} -.close-icon:not(.tab-close-button) image { - filter: var(--gnome-window-icons-hack-filter) !important; -} - -/* Navbar icons */ - -/* Back button */ -#nav-bar #back-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important; -} -/* Forward button */ -#nav-bar #forward-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; -} -/* Menu button */ -#PanelUI-menu-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/open-menu-symbolic?size=dialog") !important; -} -/* New tab button */ -#new-tab-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/tab-new-symbolic?size=dialog") !important; -} -/* Home button */ -#home-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/user-home-symbolic?size=dialog") !important; -} -/* Preferences button */ -#preferences-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/preferences-system-symbolic?size=dialog") !important; -} -/* Fullscreen button */ -#fullscreen-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important; -} -/* Zoom out button */ -#zoom-out-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important; -} -/* Zoom in button */ -#zoom-in-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important; -} -/* Developer button */ -#developer-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/applications-engineering-symbolic?size=dialog") !important; -} -/* Email link button */ -#email-link-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/mail-unread-symbolic?size=dialog") !important; -} -/* Print button */ -#print-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/printer-symbolic?size=dialog") !important; -} -/* Addons button */ -#add-ons-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/application-x-addon-symbolic?size=dialog") !important; -} -/* Find button */ -#find-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-find-symbolic?size=dialog") !important; -} -/* New window button */ -#new-window-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/window-new-symbolic?size=dialog") !important; -} -/* Bookmarks menu button */ -#bookmarks-menu-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/starred-symbolic?size=dialog") !important; -} -/* History button */ -#history-panelmenu .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/preferences-system-time-symbolic?size=dialog") !important; -} -/* All tabs button */ -#alltabs-button { - list-style-image: url("moz-icon://stock/pan-down-symbolic?size=dialog") !important; -} -#alltabs-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); -} -/* Cut button */ -#cut-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important; -} -/* Copy button */ -#copy-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important; -} -/* Paste button */ -#paste-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important; -} - -/* Navbar overflow button */ -#nav-bar-overflow-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/view-more-horizontal-symbolic?size=dialog") !important; -} - -/* Context back button */ -#context-back .menu-iconic-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/go-previous-symbolic?size=dialog") !important; -} -/* Context forward button */ -#context-forward .menu-iconic-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/go-next-symbolic?size=dialog") !important; -} - -/* Main menu buttons icons */ -#appMenu-zoomReduce-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/zoom-out-symbolic?size=dialog") !important; -} -#appMenu-zoomEnlarge-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/zoom-in-symbolic?size=dialog") !important; -} -#appMenu-fullscreen-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/view-fullscreen-symbolic?size=dialog") !important; -} -#appMenu-cut-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-cut-symbolic?size=dialog") !important; -} -#appMenu-copy-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-copy-symbolic?size=dialog") !important; -} -#appMenu-paste-button .toolbarbutton-icon { - filter: var(--gnome-icons-hack-filter); - list-style-image: url("moz-icon://stock/edit-paste-symbolic?size=dialog") !important; -} - diff --git a/src/other/firefox/chrome/WhiteSur/theme.css b/src/other/firefox/chrome/WhiteSur/theme.css deleted file mode 100644 index 4fb63755..00000000 --- a/src/other/firefox/chrome/WhiteSur/theme.css +++ /dev/null @@ -1,23 +0,0 @@ -@import "parts/toolbox.css"; -@import "parts/buttons.css"; -@import "parts/entries.css"; -@import "parts/headerbar.css"; -@import "parts/csd.css"; -@import "parts/titlebutton-light.css"; -@import "parts/titlebutton-dark.css"; -@import "parts/popups.css"; -@import "parts/tabsbar.css"; -@import "parts/findbar.css"; -@import "parts/scrollbars.css"; -@import "parts/remove-white-flash.css"; -@import "parts/custom-icons.css"; -@import "parts/icons.css"; -@import "colors/light.css"; -@import "colors/dark.css"; -@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; - -/* Set theme version text in customization panel */ -#customization-footer::before { - content: "Firefox WhiteSur theme"; - padding: 9px; -} diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg deleted file mode 100644 index 354b1416..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop-dark.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop.svg deleted file mode 100644 index c872d22f..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-backdrop.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg deleted file mode 100644 index b3261abc..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active.svg deleted file mode 100644 index 7942813d..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-active.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg deleted file mode 100644 index 56be72e7..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop-dark.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg deleted file mode 100644 index 158a52ba..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-backdrop.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-dark.svg deleted file mode 100644 index 68d826a9..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg deleted file mode 100644 index 3cdb1dd8..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg deleted file mode 100644 index ac817e8e..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg deleted file mode 100644 index 1f3d7b10..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover-inactive.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover.svg deleted file mode 100644 index 0bccd13d..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close-hover.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close.svg deleted file mode 100644 index 6a347522..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-close.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg deleted file mode 100644 index 7bf2dd3c..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active.svg deleted file mode 100644 index 8d246c34..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-active.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg deleted file mode 100644 index de749857..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop-dark.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg deleted file mode 100644 index a7bb1f53..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-backdrop.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg deleted file mode 100644 index 8d05b549..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg deleted file mode 100644 index 9665879a..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg deleted file mode 100644 index 216d468c..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg deleted file mode 100644 index b852689f..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover-inactive.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg deleted file mode 100644 index a6d737f6..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize-hover.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize.svg deleted file mode 100644 index e6e235ff..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-maximize.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg deleted file mode 100644 index e819d5ba..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active-dark.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active.svg deleted file mode 100644 index 6b1114f0..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-active.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg deleted file mode 100644 index 7a584e2f..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop-dark.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg deleted file mode 100644 index 06a08263..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-backdrop.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg deleted file mode 100644 index 7e5f6602..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg deleted file mode 100644 index 56971871..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg deleted file mode 100644 index 4c50ada8..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg deleted file mode 100644 index 3893eec6..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover-inactive.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg deleted file mode 100644 index daf5f78a..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize-hover.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize.svg deleted file mode 100644 index 49db28e6..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-minimize.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg deleted file mode 100644 index 061e8194..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active-dark.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg deleted file mode 100644 index 064b9a9f..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-active.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg deleted file mode 100644 index 1528d73f..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg deleted file mode 100644 index b96203a3..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-backdrop.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg deleted file mode 100644 index 37930175..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-dark.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg deleted file mode 100644 index 7658f7d7..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg deleted file mode 100644 index 26cac411..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover-inactive.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg b/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg deleted file mode 100644 index af275304..00000000 --- a/src/other/firefox/chrome/WhiteSur/titlebuttons/titlebutton-unmaximize-hover.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/src/other/firefox/chrome/userChrome.css b/src/other/firefox/chrome/userChrome.css deleted file mode 100644 index d9abb653..00000000 --- a/src/other/firefox/chrome/userChrome.css +++ /dev/null @@ -1,45 +0,0 @@ - -/* Import theme */ - -@import "WhiteSur/theme.css"; /**/ - -/* - * Here you can enable other theme features not included by default. - * To enable a specific feature, uncomment its @import line by removing "/*" at - * the beginning of the line. To disable it, put the "/*" back. - */ - -/* Hide the tab bar when only one tab is open (GNOMISH) - * You should move the new tab button somewhere else for this to work, because by - * default it is on the tab bar too. */ -/*@import "WhiteSur/hide-single-tab.css"; /**/ - -/* Limit the URL bar's autocompletion popup's width to the URL bar's width (GNOMISH) - * This feature is included by default for Firefox 70+ */ -/*@import "WhiteSur/matching-autocomplete-width.css"; /**/ - -/* Rounded title buttons (headerbar window controls) (GNOMISH) */ -/*@import "WhiteSur/rounded-title-buttons.css"; /**/ - -/* Active tab high contrast */ -/*@import "WhiteSur/active-tab-contrast.css"; /**/ - -/* Use system theme icons instead of Adwaita icons included by theme */ -/*@import "WhiteSur/system-icons.css"; /**/ - -/* Allow drag window from headerbar buttons (GNOMISH) [BUGGED] - * It can activate button action, with unpleasant behavior. */ -/*@import "WhiteSur/drag-window-headerbar-buttons.css"; /**/ - -/* Make all tab icons look kinda like symbolic icons */ -/*@import "WhiteSur/symbolic-tab-icons.css"; /**/ - -/* Hide window buttons (close/min/max) in maximized windows */ -/*@import "WhiteSur/hide-window-buttons.css"; /**/ - -/* Import a custom stylesheet - * Everything you add in your customChrome.css file (it doesn't exist by - * default) will be included here and preserved between updates, so you can move - * your configuration to that file if you don't like setting it up after every - * update. You can also apply your own custom styles in that file. */ -@import "customChrome.css"; /**/ diff --git a/src/other/firefox/configuration/user.js b/src/other/firefox/configuration/user.js deleted file mode 100644 index 6128f4df..00000000 --- a/src/other/firefox/configuration/user.js +++ /dev/null @@ -1,13 +0,0 @@ -/* user.js - * https://github.com/rafaelmardojai/firefox-gnome-theme/ - */ - -// Enable customChrome.css -user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); - -// Enable CSD -user_pref("browser.tabs.drawInTitlebar", true); - -// Set UI density to normal -user_pref("browser.uidensity", 0); - diff --git a/src/other/firefox/preview.png b/src/other/firefox/preview.png deleted file mode 100644 index 47239f29..00000000 Binary files a/src/other/firefox/preview.png and /dev/null differ diff --git a/src/other/plank/theme-dark/dock.theme b/src/other/plank/theme-dark/dock.theme deleted file mode 100644 index 82b81175..00000000 --- a/src/other/plank/theme-dark/dock.theme +++ /dev/null @@ -1,65 +0,0 @@ -#This theme written by Vince Liuice. - -[PlankDrawingTheme] -#The roundness of the top corners. -TopRoundness=16 -#The roundness of the bottom corners. -BottomRoundness=16 -#The thickness (in pixels) of lines drawn. -LineWidth=0 -#The color (RGBA) of the outer stroke. -OuterStrokeColor=0;;0;;0;;95 -#The starting color (RGBA) of the fill gradient. -FillStartColor=15;;15;;15;;50 -#The ending color (RGBA) of the fill gradient. -FillEndColor=15;;15;;15;;75 -#The color (RGBA) of the inner stroke. -InnerStrokeColor=75;;75;;75;;50 - -[PlankDrawingDockTheme] -#The padding on the left/right dock edges, in tenths of a percent of IconSize. -HorizPadding=0 -#The padding on the top dock edge, in tenths of a percent of IconSize. -TopPadding=2 -#The padding on the bottom dock edge, in tenths of a percent of IconSize. -BottomPadding=2 -#The padding between items on the dock, in tenths of a percent of IconSize. -ItemPadding=4 -#The size of item indicators, in tenths of a percent of IconSize. -IndicatorSize=5 -#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. -IconShadowSize=2 -#The height (in percent of IconSize) to bounce an icon when the application sets urgent. -UrgentBounceHeight=1.6666666666666667 -#The height (in percent of IconSize) to bounce an icon when launching an application. -LaunchBounceHeight=0.625 -#The opacity value (0 to 1) to fade the dock to when hiding it. -FadeOpacity=1 -#The amount of time (in ms) for click animations. -ClickTime=300 -#The amount of time (in ms) to bounce an urgent icon. -UrgentBounceTime=600 -#The amount of time (in ms) to bounce an icon when launching an application. -LaunchBounceTime=600 -#The amount of time (in ms) for active window indicator animations. -ActiveTime=300 -#The amount of time (in ms) to slide icons into/out of the dock. -SlideTime=300 -#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). -FadeTime=250 -#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). -HideTime=150 -#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. -GlowSize=30 -#The total time (in ms) to show the hidden-dock urgent glow. -GlowTime=10000 -#The time (in ms) of each pulse of the hidden-dock urgent glow. -GlowPulseTime=2000 -#The hue-shift (-180 to 180) of the urgent indicator color. -UrgentHueShift=150 -#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. -ItemMoveTime=450 -#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. -CascadeHide=true -#The color (RGBA) of the badge displaying urgent count -BadgeColor=0;;0;;0;;0 diff --git a/src/other/plank/theme-dark/hover.theme b/src/other/plank/theme-dark/hover.theme deleted file mode 100644 index be7ad12e..00000000 --- a/src/other/plank/theme-dark/hover.theme +++ /dev/null @@ -1,17 +0,0 @@ -#This file written by Daniel Fore to match eGTK tooltips. - -[PlankDrawingTheme] -#The roundness of the top corners. -TopRoundness=6 -#The roundness of the bottom corners. -BottomRoundness=6 -#The thickness (in pixels) of lines drawn. -LineWidth=0 -#The color (RGBA) of the outer stroke. -OuterStrokeColor=41;;41;;41;;255 -#The starting color (RGBA) of the fill gradient. -FillStartColor=0;;0;;0;;217 -#The ending color (RGBA) of the fill gradient. -FillEndColor=0;;0;;0;;217 -#The color (RGBA) of the inner stroke. -InnerStrokeColor=255;;255;;255;;255 diff --git a/src/other/plank/theme-light/dock.theme b/src/other/plank/theme-light/dock.theme deleted file mode 100644 index a31a65a3..00000000 --- a/src/other/plank/theme-light/dock.theme +++ /dev/null @@ -1,65 +0,0 @@ -#This theme written by Vince Liuice. - -[PlankTheme] -#The roundness of the top corners. -TopRoundness=16 -#The roundness of the bottom corners. -BottomRoundness=16 -#The thickness (in pixels) of lines drawn. -LineWidth=0 -#The color (RGBA) of the outer stroke. -OuterStrokeColor=0;;0;;0;;95 -#The starting color (RGBA) of the fill gradient. -FillStartColor=235;;235;;235;;50 -#The ending color (RGBA) of the fill gradient. -FillEndColor=235;;235;;235;;75 -#The color (RGBA) of the inner stroke. -InnerStrokeColor=255;;255;;255;;245 - -[PlankDockTheme] -#The padding on the left/right dock edges, in tenths of a percent of IconSize. -HorizPadding=0 -#The padding on the top dock edge, in tenths of a percent of IconSize. -TopPadding=2 -#The padding on the bottom dock edge, in tenths of a percent of IconSize. -BottomPadding=2 -#The padding between items on the dock, in tenths of a percent of IconSize. -ItemPadding=4 -#The size of item indicators, in tenths of a percent of IconSize. -IndicatorSize=5 -#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. -IconShadowSize=2 -#The height (in percent of IconSize) to bounce an icon when the application sets urgent. -UrgentBounceHeight=1 -#The height (in percent of IconSize) to bounce an icon when launching an application. -LaunchBounceHeight=1 -#The opacity value (0 to 1) to fade the dock to when hiding it. -FadeOpacity=1 -#The amount of time (in ms) for click animations. -ClickTime=300 -#The amount of time (in ms) to bounce an urgent icon. -UrgentBounceTime=0 -#The amount of time (in ms) to bounce an icon when launching an application. -LaunchBounceTime=600 -#The amount of time (in ms) for active window indicator animations. -ActiveTime=300 -#The amount of time (in ms) to slide icons into/out of the dock. -SlideTime=300 -#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). -FadeTime=250 -#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). -HideTime=200 -#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. -GlowSize=0 -#The total time (in ms) to show the hidden-dock urgent glow. -GlowTime=0 -#The time (in ms) of each pulse of the hidden-dock urgent glow. -GlowPulseTime=0 -#The hue-shift (-180 to 180) of the urgent indicator color. -UrgentHueShift=150 -#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. -ItemMoveTime=450 -#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. -CascadeHide=true -#The color (RGBA) of the badge displaying urgent count -BadgeColor=0;;0;;0;;0 diff --git a/src/sass/_colors-palette.scss b/src/sass/_colors-palette.scss deleted file mode 100644 index 9f4488dc..00000000 --- a/src/sass/_colors-palette.scss +++ /dev/null @@ -1,26 +0,0 @@ -// Default Blue -$theme_color_default: #0860F2; - -// Blue -$theme_color_blue: #2E7CF7; - -// Purple -$theme_color_purple: #9A57A3; - -// pink -$theme_color_pink: #E55E9C; - -// red -$theme_color_red: #ED5F5D; - -// orange -$theme_color_orange: #E9873A; - -// yellow -$theme_color_yellow: #F3BA4B; - -// green -$theme_color_green: #79B757; - -// grey -$theme_color_grey: #8C8C8C; diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss deleted file mode 100644 index 2cb1f19b..00000000 --- a/src/sass/_colors.scss +++ /dev/null @@ -1,222 +0,0 @@ -@function gtkalpha($c,$a) { - @return unquote("alpha(#{$c},#{$a})"); -} - -// colors palette -@import 'colors-palette'; - -// Base colors -$base_color: if($variant == 'light', #ffffff, #242424); -$text_color: if($variant == 'light', #363636, #dadada); -$bg_color: if($variant == 'light', #f5f5f5, #333333); -$fg_color: if($variant == 'light', #242424, #dedede); -$alt_fg_color: if($variant == 'light', #424242, #afafaf); -$hint_fg_color: if($variant == 'light', #565656, #999999); - -$track_color: if($variant == 'light', rgba(black, 0.20), rgba(white, 0.16)); -$visit_color: if($variant == 'light', rgba(black, 0.16), rgba(white, 0.12)); -$divider_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.1)); - -$light_fg_color: white; -$light_alt_fg_color: rgba(white, 0.85); -$light_hint_fg_color: rgba(white, 0.50); -$light_disabled_fg_color: rgba(white, 0.45); -$light_alt_disabled_fg_color: rgba(white, 0.35); -$light_track_color: rgba(white, 0.28); -$light_divider_color: rgba(white, 0.15); - -$selected_fg_color: $light_fg_color; -$selected_bg_color: $theme_color_default; - -@if $theme == 'blue' { - $selected_bg_color: $theme_color_blue; -} - -@if $theme == 'purple' { - $selected_bg_color: $theme_color_purple; -} - -@if $theme == 'pink' { - $selected_bg_color: $theme_color_pink; -} - -@if $theme == 'red' { - $selected_bg_color: $theme_color_red; -} - -@if $theme == 'orange' { - $selected_bg_color: $theme_color_orange; -} - -@if $theme == 'yellow' { - $selected_bg_color: $theme_color_yellow; -} - -@if $theme == 'green' { - $selected_bg_color: $theme_color_green; -} - -@if $theme == 'grey' { - $selected_bg_color: $theme_color_grey; -} - -$primary_color: $selected_bg_color; - -$selected_borders_color: darken($selected_bg_color, 10%); -$borders_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); -$light_borders_color: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.10)); -$dark_borders_color: if($variant == 'light', rgba(black, 0.08), rgba(black, 0.15)); -$solid_borders_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 8%)); -$dark_solid_borders_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 5%)); -$highlight_color: if($variant == 'light', rgba(white, 0.65), rgba(white, 0.1)); - -// Background colors -$dark_bg_color: rgba(black, 0.6); -$alt_dark_bg_color: rgba(black, 0.3); -$solid_bg_color: if($variant == 'light', #eeeeee, #555555); // for gnome-shell keyboard -$alt_solid_bg_color: if($variant == 'light', #c0c0c0, #242424); // for gnome-shell keyboard - -// Link colors -$link_color: #3484e2; -$link_visited_color: if($variant == 'light', lighten($text_color, 10%), darken($text_color, 15%)); - -// Theme colors -$selection_mode_bg: lighten($selected_bg_color, 15%); -$warning_color: #F27835; -$error_color: #FC4138; -$success_color: #30D158; -$destructive_color: #f8464c; -$suggested_color: #3484e2; - -$progress_color: $selected_bg_color; -$drop_target_color: #F08437; - -//insensitive state derived colors -$disabled_fg_color: if($variant == 'light', transparentize($fg_color, 0.55), transparentize($fg_color, 0.65)); -$alt_disabled_fg_color: if($variant == 'light', transparentize($alt_fg_color, 0.55), transparentize($alt_fg_color, 0.65)); -$disabled_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); - -// Headerbar colors -$header_bg: if($variant == 'light', #ffffff, #373737); -$header_highlight: if($variant == 'dark', #434343, #f5f5f5); - -$header_bg_backdrop: if($variant == 'light', darken($header_bg, 0%), darken($header_bg, 0%)); -$header_border: if($variant == 'light', mix(black, $header_bg, 12%), mix(black, $header_bg, 75%)); - -$header_fg: if($variant == 'light', #575757, #FDFDFD); - -// Sidebar colors -$dark_sidebar_bg: white; - -@if $trans=='true' and $variant=='light' { - $dark_sidebar_bg: transparentize(#f0f0f0, 0.06); -} - -@if $trans=='false' and $variant=='light' { - $dark_sidebar_bg: #f0f0f0; -} - -@if $trans=='true' and $variant=='dark' { - $dark_sidebar_bg: transparentize(#333333, 0.05); -} - -@if $trans=='false' and $variant=='dark' { - $dark_sidebar_bg: #333333; -} - -$dark_sidebar_fg: $text_color; -$dark_sidebar_border: if($variant == 'light', darken(opacify($dark_sidebar_bg, 1), 5%), lighten(opacify($dark_sidebar_bg, 1), 5%)); -$sidebar_theme_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); - -//OSD colors -$osd_fg_color: #dadada; -$osd_bg_color: if($trans=='true', rgba(#2a2a2a, 0.9), #2a2a2a); -$osd_button_bg: rgba(lighten($osd_bg_color, 22%), 0.96); -$osd_button_border: $dark_borders_color; -$osd_entry_bg: rgba(lighten($osd_bg_color, 22%), 0.96); -$osd_entry_border: $dark_borders_color; -$osd_disabled_bg_color: darken($osd_bg_color, 3%); -$osd_disabled_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); -$osd_borders_color: $dark_borders_color; - -// Menu colors -$menu_bg: if($variant == 'light', $base_color, $bg_color); -$menu_bd: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.08)); - -@if $trans == 'true' { $menu_bg: if($variant == 'light', rgba($base_color, 0.95), rgba($bg_color, 0.95)); } - -$dialog_bg_color: if($variant == 'light', $bg_color, $base_color); - -@if $trans=='true' { $dialog_bg_color: if($variant == 'light', rgba($bg_color, 0.95), rgba($base_color, 0.95)); } - -// Panel colors -$panel_bg: if($variant == 'light', #f1f1f1, #2a2a2a); -$panel_fg: if($trans == 'true', white, $text_color); - -@if $black == 'true' { $panel_fg: $text_color; } - -$panel_top_color: if($variant == 'dark', #333333, #f5f5f5); -$panel_bottom_color: if($variant == 'dark', #2a2a2a, #e2e2e2); -$panel_border_color: if($variant == 'light', rgba(white, 0.22), rgba(black, 0.22)); - -// Entry colors -$entry_bg: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); -$entry_shell_bg: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); -$entry_border: $borders_color; -$entry_highlight: rgba($selection_mode_bg, 0.75); - -// Button colors -$button_bg: if($variant == 'light', white, #656565); -$button_active_top: if($variant == 'light', $selected_bg_color, #3d6be3); -$button_active_bottom: if($variant == 'light', $selected_bg_color, #3861ca); -$button_active_hover_top: if($variant == 'light', $selected_bg_color, #3b65e3); -$button_active_hover_bottom: if($variant == 'light', $selected_bg_color, #365cca); - -$button_border: $borders_color; -$button_active_border: #487afa; - -$header_button_bg: if($variant == 'dark', lighten($header_bg, 15%), white); -$header_button_hover_bg: if($variant == 'dark', lighten($header_bg, 25%), #fafafa); -$header_button_active_bg: if($variant == 'dark', lighten($header_bg, 35%), #888888); -$header_button_checked_bg: if($variant == 'dark', lighten($header_bg, 45%), #686868); - -// Button borders and highlights colors -$button_highlight: if($variant == 'light', white, rgba(white, 0.1)); - -$button_borders: if($variant == 'light', $button_border, $dark_borders_color); -$button_borders_hover: if($variant == 'light', $button_border, $dark_borders_color); -$button_borders_active: if($variant == 'light', $button_active_border, $dark_borders_color); - -$header_button_highlight: if($variant == 'light', white, #767676); -$header_button_hover_highlight: if($variant == 'light', white, #868686); -$header_button_checked_highlight: if($variant == 'light', $borders_color, #cecece); - -// Images -$button_active_image: linear-gradient(0deg, $button_active_bottom 0%, $button_active_top 100%); -$button_active_hover_image: linear-gradient(0deg, $button_active_hover_bottom 0%, $button_active_hover_top 100%); - -// WM colors -$wm_outline_light: 0 0 0 2px rgba(black, 0.03), 0 0 0 1px rgba(black, 0.12); -$wm_outline_dark: 0 0 0 2px rgba(black, 0.1), 0 0 0 1px rgba(black, 0.75); -$wm_shadow: if($variant=='light', rgba(black, 0.15), rgba(black, 0.35)); -$wm_outline: if($variant=='light', $wm_outline_light, $wm_outline_dark); - -// WM Buttons - -// Close -$wm_button_close_bg: if($variant == 'light', #f46067, #cc575d); -$wm_button_close_hover_bg: if($variant == 'light', #f68086, #d7787d); -$wm_button_close_active_bg: if($variant == 'light', #f13039, #be3841); - -$wm_icon_close_bg: if($variant == 'light',#F8F8F9 , #2f343f); - -// Minimize, Maximize -$wm_button_hover_bg: if($variant == 'light', #fdfdfd, #454C5C); -$wm_button_active_bg: $selected_bg_color; - -$wm_button_hover_border: if($variant == 'light', #D1D3DA, #262932); - -$wm_icon_bg: if($variant == 'light', #90949E, #90939B); -$wm_icon_unfocused_bg: if($variant == 'light', #B6B8C0, #666A74); -$wm_icon_hover_bg: if($variant == 'light', #7A7F8B, #C4C7CC); -$wm_icon_active_bg: white; diff --git a/src/sass/_variables.scss b/src/sass/_variables.scss deleted file mode 100644 index dfa27c24..00000000 --- a/src/sass/_variables.scss +++ /dev/null @@ -1,77 +0,0 @@ -$asset_suffix: if($variant == 'dark', '-dark', ''); -$con_asset_suffix: if($variant=='dark', '', '-dark'); -$extra_background_clip: if($variant == 'light', padding-box, border-box); - -$panel-corner-radius: 0; - -// font families -$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; -$large-font-family: Roboto, "M+ 1c", Cantarell, Sans-Serif; - -// font sizes -$root-font-size: if($laptop == 'false', 14px, 13px); -$subheading-size: if($laptop == 'false', 16px, 15px); - -// opacities -$higher_opacity: 0.9; -$middle_opacity: 0.6; -$lower_opacity: 0.3; - -$secondary_opacity: 0.75; -$hint_opacity: 0.6; -$disabled_opacity: 0.45; - -$panel_opacity: 0.16; - -// sizes -$small_size: if($laptop == 'false', 24px, 20px); -$medium_size: if($laptop == 'false', 36px, 32px); -$large_size: if($laptop == 'false', 48px, 44px); -$menuitem_size: if($laptop == 'false', 32px, 28px); -$container_padding: if($laptop == 'false', 6px, 4px); - -$sidebar_size_default: 200px; -$sidebar_size_220: 220px; -$sidebar_size_240: 240px; -$sidebar_size_260: 260px; -$sidebar_size_280: 280px; - -// radiuses -$circular_radius: 9999px; -$bt_radius: 6px; -$bd_radius: 8px; -$wm_radius: 12px; -$mn_radius: 10px; - -// durations -$shorter_duration: 100ms; -$longer_duration: 150ms; -$ripple_duration: 250ms; - -// timing functions -$standard_curve: cubic-bezier(0.4, 0.0, 0.2, 1); -$deceleration_curve: cubic-bezier(0.0, 0.0, 0.2, 1); -$acceleration_curve: cubic-bezier(0.4, 0.0, 1, 1); -$sharp_curve: cubic-bezier(0.4, 0.0, 0.6, 1); -$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); - -// transition shorthands -$shorter_transition: all $shorter_duration $deceleration_curve; -$longer_transition: all $longer_duration $deceleration_curve; -$shadow_transition: box-shadow $longer_duration $deceleration_curve; -$button_transition: all $shorter_duration $ease-out-quad; -$backdrop_transition: $longer_duration ease-out; - -// Shadow -$panel_shadow: 0 0 10px rgba(black, 0.35), 0 0 24px rgba(black, 0.30); -$panel_asset_shadow: 0 1px 3px 3px rgba(black, 0.15); -$shadow_0: 0 1px 2px 0 rgba(black, 0.1), 0 2px 2px 0 rgba(black, 0.05); // Slider hover shadow -$shadow_1: 0 1px 1px 0 rgba(black, 0.12), 0 1px 2px 0 rgba(black, 0.06); // Header-button shadow -$shadow_2: 0 1px 1px 0 rgba(black, 0.1), 0 1px 2px 0 rgba(black, 0.05); // Slider normal shadow -$shadow_3: 0 1px 1px 0 rgba(black, 0.03), 0 1px 2px 0 rgba(black, 0.01); // Normal button shadow -$shadow_4: 0 2px 3px 0 rgba(black, 0.2), 0 3px 5px 0 rgba(black, 0.15); // Switch-slider hover shadow -$shadow_5: 0 1px 2px 0 rgba(black, 0.15), 0 2px 3px 0 rgba(black, 0.1); // Switch-slider normal shadow -$shadow_6: 0 0 8px rgba(black, 0.2), 0 0 4px rgba(black, 0.3); // Switch-slider normal shadow -$text_shadow: 0 -1px rgba(white, 0.04), -1px 0 rgba(black, 0.05), - 1px 0 rgba(black, 0.05), 0 1px rgba(black, 0.3), - 0 2px rgba(black, 0.05); // text and icon shadow diff --git a/src/sass/cinnamon/_common.scss b/src/sass/cinnamon/_common.scss deleted file mode 100644 index f5034be0..00000000 --- a/src/sass/cinnamon/_common.scss +++ /dev/null @@ -1,2033 +0,0 @@ -$asset_path: assets; - -// -// Globals -// -$font-size: 9; -$font-family: Futura Bk bt, sans, Sans-Serif; -$_bubble_bg_color: opacify($osd_bg_color,0.25); -$_bubble_fg_color: $osd_fg_color; -$_bubble_borders_color: transparentize($osd_fg_color,0.8); - -@if $trans == 'true' { $panel_bg: if($variant == 'light', rgba(white, $panel_opacity), rgba(black, $panel_opacity)); } - -stage { - font-family: $font-family; - @include fontsize($font-size); - color: $fg_color; -} - -.label-shadow { - color: rgba(0, 0, 0, 0); -} - -%reset_style { - background-color: transparent !important; - background-gradient-direction: none !important; - border: none !important; - border-radius: 0 !important; -} - -// -// Buttons -// -%button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - - @include button(normal); - - &:focus { @include button(focus); border-radius: 5px; } - &:hover { @include button(hover); border-radius: 5px; } - &:hover:focus { @include button(focus-hover); border-radius: 5px; } - &:active, &:active:focus { @include button(active); border-radius: 5px; } - &:insensitive { @include button(insensitive); border-radius: 5px; } -} - -%osd_button { - min-height: 20px; - padding: 5px 32px; - transition-duration: 100ms; - border-radius: 5px; - - @include button(osd); - - &:hover { @include button(osd-hover); } - &:focus { color: $selected_bg_color; } - &:active { @include button(osd-active); } - &:insensitive { @include button(osd-insensitive); } -} - -// -// Entries -// -%entry { - padding: 7px; - caret-size: 1px; - selection-background-color: $selected_bg_color; - selected-color: $selected_fg_color; - transition-duration: 300ms; - border-radius: 5px; - - @include entry(normal); - - &:focus, &:hover { @include entry(focus); } - &:insensitive { @include entry(insensitive); } - - StIcon.capslock-warning { - icon-size: 16px; - warning-color: $warning_color; - padding: 0 4px; - } -} - -%osd_entry { - padding: 7px; - caret-size: 1px; - caret-color: $osd_fg_color; - selection-background-color: $selected_bg_color; - selected-color: $selected_fg_color; - transition-duration: 300ms; - border-radius: 5px; - - @include entry(osd); - - &:focus { @include entry(osd-focus); } - &:insensitive { @include entry(osd-insensitive); } -} - -// -// Scrollbars -// -StScrollView { - &.vfade { -st-vfade-offset: 0px; } - &.hfade { -st-hfade-offset: 0px; } -} - -StScrollBar { - - padding: 8px; - - StScrollView & { - min-width: 5px; - min-height: 5px; - } - - StBin#trough { - background-color: transparentize($base_color, 0.9); - border-radius: 8px; - } - - StButton#vhandle, StButton#hhandle { - border-radius: 2px; - background-color: mix($fg_color, $bg_color, 40%); - border: 0px solid; - margin: 0px; - - &:hover { background-color: mix($fg_color, $bg_color, 30%); } - - &:active { background-color: $selected_bg_color; } - } -} - -.separator { - -gradient-height: 1px; - -gradient-start: rgba(0,0,0,0); - -gradient-end: rgba(0,0,0,0); - -margin-horizontal: 1.5em; - height: 1em; -} - -// -// Slider -// -.popup-slider-menu-item, -.slider { - -slider-height: 4px; - -slider-background-color: $button_border; //background of the trough - -slider-border-color: transparentize(black, 1); //trough border color - -slider-active-background-color: $selected_bg_color; //active trough fill - -slider-active-border-color: transparentize(black, 1); //active trough border - -slider-border-width: 0; - -slider-handle-radius: 4px; - height: 18px; - min-width: 15em; - border: 0 solid transparent; - border-right-width: 1px; - border-left-width: 5px; - color: transparent; - - .popup-menu-item:active & { - -slider-background-color: transparentize(black, 0.8); - -slider-active-background-color: $selected_fg_color; - } -} - -// -// Check Boxes -// -.check-box { - - CinnamonGenericContainer { - spacing: .2em; - min-height: 30px; - padding-top: 2px; - } - - StLabel { font-weight: normal; } - - StBin { - width: 16px; - height: 16px; - background-image: url("#{$asset_path}/checkbox-unchecked.svg"); - } - - &:focus StBin { background-image: url("#{$asset_path}/checkbox-unchecked-focused.svg"); } - - &:checked StBin { background-image: url("#{$asset_path}/checkbox-checked.svg"); } - - &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox-checked-focused.svg"); } -} - -// -// Radio Buttons -// -.radiobutton { - - CinnamonGenericContainer { - spacing: .2em; - height: 26px; - padding-top: 2px; - } - - StLabel { - padding-top: 4px; - font-size: 0.9em; - box-shadow: none; - } - - StBin { - width: 16px; - height: 16px; - background-image: url("#{$asset_path}/checkbox-unchecked.svg"); - } - - &:focus StBin { background-image: url("#{$asset_path}/checkbox-unchecked-focused.svg"); } - - &:checked StBin { background-image: url("#{$asset_path}/checkbox-checked.svg"); } - - &:focus:checked StBin { background-image: url("#{$asset_path}/checkbox-checked-focused.svg"); } -} - -// -// Switches -// -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("#{$asset_path}/toggle-off.svg"); - - &:checked { background-image: url("#{$asset_path}/toggle-on.svg"); } - - .popup-menu-item:active & { - background-image: url("#{$asset_path}/toggle-off.svg"); - - &:checked { background-image: url("#{$asset_path}/toggle-on.svg"); } - } -} - -// -// Links -// -.cinnamon-link { - color: $link_color; - text-decoration: underline; - - &:hover { color: lighten($link_color,10%); } -} - -// -// Tooltip -// -#Tooltip { - border-radius: 3px; - padding: 5px 12px; - background-color: $osd_bg_color; - color: $osd_fg_color; - font-size: 1em; - font-weight: normal; - text-align: center; -} - -// -// Pop0vers/Menus -// - -$menu_bg: if($variant=='light', rgba($base_color, 0.95), rgba($bg_color, 0.95)); -$menu_border: if($variant=='light', darken($menu_bg, 18%), darken($menu_bg, 12%)); - -.menu, -.popup-menu, -%menu { - padding: 4px 4px 6px 4px; - color: $fg_color; - // background-color: $menu_bg; - // border-radius: 6px; - // margin: 5px; - // @if $variant == 'dark' { border: 1px solid $menu_border; } - // box-shadow: 0 3px 8px rgba(0, 0, 0, 0.56), 0 3px 15px rgba(0, 0, 0, 0.36); - - @if $trans == 'true' { - border-image: url("assets/menu.svg") 15 15 15 15; - } - - @else { - border-image: url("assets/menu-solid.svg") 15 15 15 15; - } - - &-arrow { icon-size: 16px; } - - .popup-sub-menu { - background-gradient-direction: none; - box-shadow: none; - border-image: url("assets/submenu.svg") 15 15 2 2; - - // background-color: if($variant=='light', $bg_color, $base_color); - // border-top: 1px solid $dark_borders_color; - // border-bottom: 1px solid $dark_borders_color; - - .popup-menu-item:ltr { padding-right: 8px; } - .popup-menu-item:rtl { padding-left: 8px; } - - StScrollBar { - padding: 4px; - StBin#trough, StBin#vhandle { border-width: 0; } - } - } - - .popup-menu-content { padding: 1em 0em 1em 0em; } - .popup-menu-item { - padding: .4em 1.75em; - spacing: 1em; - - &:active { - color: $selected_fg_color; - border-image: url("assets/menu-hover.svg") 15 15 2 2; - } - - &:insensitive { - color: transparentize($fg_color, 0.5); - background: none; - } - } - - .popup-inactive-menu-item { //all icons and other graphical elements - color: $fg_color; - - &:insensitive { color: $disabled_fg_color; } - } - - .popup-menu-item:active .popup-inactive-menu-item { color: $selected_fg_color; } - - &-icon { icon-size: 16px; } -} - -.popup-menu-boxpointer { - -arrow-border-radius: 3px; - -arrow-background-color: rgba(0,0,0,0.0); - -arrow-border-width: 0; - -arrow-border-color: rgba(0,0,0,0.0); - -arrow-base: 0; - -arrow-rise: 0; - margin: 0.4em 0.5em 0.5em; - border-radius: 2px; -} - -.popup-combo-menu { - @extend %menu; - padding: 10px; -} - -// .popup-image-menu-item {} - -.popup-combobox-item { spacing: 1em; } - -.popup-separator-menu-item { - -gradient-height: 2px; - -gradient-start: transparent; - -gradient-end: transparent; - -margin-horizontal: 1.5em; - height: 1px; - margin: 0; - padding: 0; - border-color: $borders_color; - border-bottom-width: 1px; - border-bottom-style: solid; - background-color: transparent; -} - -.popup-alternating-menu-item:alternate { - font-weight: normal; -} - -.popup-device-menu-item { spacing: .5em; } - -.popup-subtitle-menu-item { font-weight: normal; } - -.nm-menu-item-icons { spacing: .5em; } - -// -// Panel -// -#panel { - font-weight: bold; - height: 27px; - width: 32px; - - &:highlight { - border-image: none; - background-color: transparentize($error_color, 0.5); - } - - &Left { - spacing: 4px; - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,0,0,0.05); - background-gradient-end: rgba(255,0,0,0.2); - } - - &:ltr { padding-right: 4px; } - &:rtl { padding-left: 4px; } - - &.vertical { - padding: 0; - - &:ltr { padding-right: 0px; } - &:rtl { padding-left: 0px; } - } - } - - &Right { - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,0,255,0.05); - background-gradient-end: rgba(0,0,255,0.2); - } - - &:ltr { padding-left: 4px; spacing: 0px; } - &:rtl { padding-right: 4px; spacing: 0px; } - - &.vertical { - padding: 0; - - &:ltr { padding-right: 0px; } - &:rtl { padding-left: 0px; } - } - } - - &Center { - spacing: 4px; - - &:dnd { - background-gradient-direction: vertical; - background-gradient-start: rgba(0,255,0,0.05); - background-gradient-end: rgba(0,255,0,0.2); - } - } -} - -.panel { - &-top, &-bottom, &-left, &-right { - color: $panel_fg; - font-size: 1em; - padding: 0px; - background-color: $panel_bg; - box-shadow: 0 0 5px rgba(#000, 0.5), 0 0 16px rgba(#000, 0.24); - - .panel-button, - .panel-status-button { - &:hover { - color: $fg_color; - background-color: rgba($fg_color, 0.1); - } - - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - } - } - - @if $variant == 'dark' { - &-top { border-bottom: 1px solid $panel_border_color; } - &-bottom { border-top: 1px solid $panel_border_color; } - &-left { border-right: 1px solid $panel_border_color; } - &-right { border-left: 1px solid $panel_border_color; } - } - - &-dummy { - background-color: transparentize($error_color, 0.5); - - &:entered { background-color: transparentize($error_color, 0.4); } - } - - &-status-button { - border-width: 0; - -natural-hpadding: 3px; - -minimum-hpadding: 3px; - font-weight: bold; - height: 22px; - color: $panel_fg; - } - - &-button { - -natural-hpadding: 6px; - -minimum-hpadding: 2px; - font-weight: bold; - transition-duration: 100ms; - color: $panel_fg; - } -} - -.system-status-icon { - icon-size: 16px; - padding: 0 1px; -} - -// -// Overview -// -#overview { spacing: 12px; } - -.window-caption { - background-color: $osd_bg_color; - border: 1px solid $osd_bg_color; - color: $osd_fg_color; - spacing: 25px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - - &#selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - border: 1px solid $selected_bg_color; - spacing: 25px; - } -} - -.expo-workspaces-name-entry, -.expo-workspaces-name-entry#selected { - height: 15px; - border-radius: 2px; - font-size: 9pt; - padding: 5px 8px; - -cinnamon-caption-spacing: 4px; - @include entry(osd); - - &:focus { - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; - color: $selected_fg_color; - font-style: italic; - transition-duration: 300; - selection-background-color: $selected_fg_color; - selected-color: $selected_bg_color; - } -} - -.expo-workspace-thumbnail-frame { - border: 4px solid rgba(255,255,255,0.0); - background-color: rgba(255,255,255,0.0); - border-radius: 2px; - - &#active { - border: 4px solid $selected_bg_color; - background-color: black; - border-radius: 2px; - } -} - -.expo-background { - background-color: opacify($osd_bg_color, 1); -} - -.workspace { - //&-controls { visible-height: 32px; } - - &-thumbnails { - spacing: 26px; - - &-background, &-background:rtl { padding: 8px; } - } - - &-add-button { - background-image: url("#{$asset_path}/add-workspace.svg"); - height: 200px; - width: 35px; - transition-duration: 100; - - &:hover { - background-image: url("#{$asset_path}/add-workspace-hover.svg"); - transition-duration: 100; - } - &:active { - background-image: url("#{$asset_path}/add-workspace-active.svg"); - transition-duration: 100; - } - } - &-overview-background-shade { background-color: rgba(0,0,0,0.5); } -} - -.workspace-close-button, -.window-close { - background-image: url("#{$asset_path}/close.svg"); - background-size: 26px; - height: 26px; - width: 26px; - -cinnamon-close-overlap: 10px; - - &:hover { - background-image: url("#{$asset_path}/close-hover.svg"); - background-size: 26px; - height: 26px; - width: 26px; - } - &:active { - background-image: url("#{$asset_path}/close-active.svg"); - background-size: 26px; - height: 26px; - width: 26px; - } -} - -.workspace-thumbnail-indicator { - outline: 2px solid red; - border: 1px solid green; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); -} - -.window-close-area { - background-image: url("#{$asset_path}/trash-icon.svg"); - height: 120px; - width: 400px; -} - -// -// About Dialog (applet.js and desklet.js) -// -.about { - &-content { - width: 550px; - height: 250px; - spacing: 8px; - padding-bottom: 10px; - } - &-title { - font-size: 2em; - font-weight: bold; - } - &-uuid { - font-size: 10px; - color: #888; - } - &-icon { - padding-right: 20px; - padding-bottom: 14px; - } - &-scrollBox { - border: 1px solid $borders_color; - border-radius: 2px; - background-color: $base_color; - padding: 4px; - padding-right: 0; - border-radius: 0; - - &-innerBox { - padding: 1.2em; - spacing: 1.2em; - } - } - &-description { - padding-top: 4px; - padding-bottom: 16px; - } - &-version { - padding-left: 7px; - font-size: 10px; - color: #888; - } -} - - -// -// Calendar -// -.calendar { - padding: .4em 1.75em; - spacing-rows: 0px; - spacing-columns: 0px; -} - -.calendar-month-label { - color: $fg_color; - font-weight: bold; - margin: 0 2px; - padding: 2px; // label centering -} - -.calendar-change-month-back, -.calendar-change-month-forward { - width: 24px; - height: 24px; - margin: 0; - padding: 0; - border-radius: 100px; - - &:focus, &:hover { background-color: rgba($fg_color, 0.1); } - &:active { background-color: rgba($fg_color, 0.25); } -} - -//arrow back -.calendar-change-month-back { - background-image: url("#{$asset_path}/calendar-arrow-left.svg"); - - &:rtl { - background-image: url("#{$asset_path}/calendar-arrow-right.svg"); - } -} - -//arrow forward -.calendar-change-month-forward { - background-image: url("#{$asset_path}/calendar-arrow-right.svg"); - - &:rtl { - background-image: url("#{$asset_path}/calendar-arrow-left.svg"); - } -} - -.datemenu-date-label { - padding: .4em 1.75em; - font-weight: bold; - text-align: center; - color: $fg_color; - border-radius: 2px; -} - -.calendar-day-base { - font-size: 80%; - text-align: center; - width: 25px; - height: 25px; - padding: 0.1em; - margin: 2px; - border-radius: 12.5px; -} - -.calendar-day-heading { - color: transparentize($fg_color, 0.15); - margin-top: 1em; - font-size: 70%; -} - -.calendar-day { - border-width: 0; - color: transparentize($fg_color, 0.2); -} - -.calendar-day-top { - border-top-width: 0; -} - -.calendar-day-left { - border-left-width: 0; -} - -.calendar-nonwork-day { - color: $fg_color; - background-color: transparent; - font-weight: bold; -} - -.calendar-today, -.calendar-today:active, -.calendar-today:focus, -.calendar-today:hover { - font-weight: bold; - color: $selected_fg_color; - background-color: $selected_bg_color; - border-width: 0; -} - -.calendar-other-month-day { - color: transparentize($fg_color, 0.7); - opacity: 1; -} - -.calendar-week-number { - color: transparentize($fg_color, 0.3); - font-size: 80%; -} - -// -// Notifications -// -#notification { - border-radius: 3px; - padding: 13px; - spacing-rows: 10px; - spacing-columns: 10px; - margin-from-right-edge-of-screen: 20px; - width: 34em; - color: $text_color; - background-color: $bg_color; - - .notification-button, .notification-icon-button { - @extend %button; - padding: 5px; - } - - StEntry { @extend %entry; } - - .menu &, - .popup-menu & { - &, &.multi-line-notification { color: $text_color; } - border: 1px solid $borders_color; - - .notification-button, .notification-icon-button { - @extend %button; - padding: 5px; - } - - StEntry { @extend %entry; } - } - - &.multi-line-notification { - padding-bottom: 13px; - color: $text_color; - } - - &-scrollview { - max-height: 10em; - - > .top-shadow, > .bottom-shadow { height: 1em; } - - &:ltr > StScrollBar { padding-left: 6px; } - &:rtl > StScrollBar { padding-right: 6px; } - } - - &-body { spacing: 5px; } - &-actions { spacing: 10px; } -} - -.notification { - - &-with-image { - min-height: 159px; - color: $text_color; - } - - &-button, &-icon-button { - @extend %button; - padding: 5px; - } - - &-icon-button > StIcon { icon-size: 36px; } - - StEntry { @extend %entry; } -} - -// -// Alt Tab -// -#altTabPopup { - padding: 8px; - spacing: 16px; -} - -.switcher-list { - color: $osd_fg_color; - background-color: $osd_bg_color; - border: 1px solid $borders_color; - border-radius: 3px; - padding: 20px; - - > StBoxLayout { - padding: 4px; - } - - &-item-container { spacing: 8px; } - - .item-box { - padding: 8px; - border-radius: 2px; - - &:outlined { - padding: 8px; - border: 1px solid $selected_bg_color; - } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 0px solid $selected_bg_color; - } - } - - .thumbnail { width: 256px; } - - .thumbnail-box { - padding: 2px; - spacing: 4px; - } - .separator { - width: 1px; - background: rgba(255,255,255,0.2); - } -} - -.switcher-arrow { - border-color: rgba(0,0,0,0); - color: $osd_fg_color; - - &:highlighted { - border-color: rgba(0,0,0,0); - color: $panel_fg; - } -} - -//.switcher-preview-backdrop { background-color: rgba(25,25,25,0.95); } - -.thumbnail-scroll-gradient-left { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topright: 0px; - border-radius-bottomright: 0px; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-color: rgba(0, 0, 0, 0); - border-radius: 24px; - border-radius-topleft: 0px; - border-radius-bottomleft: 0px; - width: 60px; -} - -// -//Activities Ripples -// -.ripple-box { - width: 104px; - height: 104px; - background-image: url("#{$asset_path}/corner-ripple.svg"); - background-size: contain; -} - -// -// Modal dialogs -// -.lightbox { background-color: rgba(0, 0, 0, 0.4); } -.flashspot { background-color: white; } - -.modal-dialog { - color: $osd_fg_color; - background-color: rgba(darken($osd_bg_color, 3%), 0.95); - border: 1px solid rgba(black, 0.65); - padding: 0 5px 6px 5px; - border-radius: 5px; - box-shadow: 0 3px 8px rgba(black, 0.75), 0 5px 18px rgba(black, 0.55); - - > StBoxLayout:first-child { - padding: 20px 10px 10px 10px; - } - - &-button-box { - spacing: 0; - margin: 0; - padding: 14px 10px; - background-color: transparent; - border: none; - - .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; - - @extend %osd_button; - } - } -} - -// -// Run dialog -// -.run-dialog { - padding: 0px 15px 10px 15px; - background-color: $bg_color; - border-radius: 5px; - - > * { padding: 0; } - - &-label { - font-size: 0; - font-weight: bold; - color: $osd_fg_color; - padding-bottom: 0; - } - - &-error-label { color: $error_color; } - - &-error-box { - padding-top: 15px; - spacing: 5px; - } - &-completion-box { - padding-left: 15px; - font-size: 10px; - } - &-entry { - width: 21em; - padding: 7px; - border-radius: 3px; - caret-color: $osd_fg_color; - selected-color: $selected_fg_color; - selection-background-color: $selected_bg_color; - - @include entry(osd); - - &:focus { @include entry(osd-focus); } - } - .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - background-gradient-direction: none; - } -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: $warning_color; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; - - &-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - - &:rtl { - padding-left: 0px; - padding-right: 17px; - } - } - &-description { - padding-left: 17px; - width: 28em; - - &:rtl { padding-right: 17px; } - } -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; - - &:rtl { - padding-right: 49px; - padding-left: 32px; - } - - &-item { - color: #ccc; - - &:hover { color: white } - - &:ltr { padding-right: 1em; } - &:rtl { padding-left: 1em; } - - &-icon:ltr { padding-right: 17px; } - &-icon:rtl { padding-left: 17px; } - - &-name { font-size: 1.1em; } - } -} - -// -// Magnifier -// -.magnifier-zoom-region { - border: 2px solid rgba(128, 0, 0, 1); - - .full-screen { border-width: 0px; } -} - -// -// On-Screen Keyboard -// -#keyboard { - background-color: $osd_bg_color; - border-width: 0; - border-top-width: 1px; - border-color: transparentize(black, 0.6); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 2em; - min-width: 2em; - font-size: 14pt; - font-weight: bold; - border-radius: 3px; - box-shadow: none; - - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - - &:grayed { @include button(osd-insensitive); } -} - -.keyboard-subkeys { //long press on a key popup - color: $osd_fg_color; - padding: 5px; - -arrow-border-radius: 2px; - -arrow-background-color: $osd_bg_color; - -arrow-border-width: 1px; - -arrow-border-color: transparentize(black, 0.6);; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -// -// Cinnamon Specific Section -// - -// -// Menu (menu.js) -// -.menu { - &-favorites-box { - margin: auto; - padding: 10px; - transition-duration: 300; - background-color: $bg_color; - border: 1px solid $borders_color; - border-radius: 3px; - } - - &-favorites-button { - padding: 10px; - border: 1px solid rgba(0,0,0,0); - border-radius: 5px; - - &:hover { @include button(hover); border-radius: 5px; } - } - - &-places { - - &-box { - margin: auto; - padding: 10px; - border: 1px solid rgba(0,0,0,0); - } - - &-button { padding: 10px; } - } - - &-categories-box { padding: 10px 30px 10px 30px; } - - &-applications-inner-box, - &-applications-outer-box { padding: 10px 10px 0 10px; } - - &-application-button { - padding: 6px; - border-radius: 2px; - border: none; - - // This style is used in menu application buttons for applications which were newly installed - &:highlighted { font-weight: bold; } - - &-selected { - @include button(active); - padding: 6px; - border-radius: 2px; - border: none; - - &:highlighted { font-weight: bold; } - } - - &-label:ltr { padding-left: 5px; } - &-label:rtl { padding-right: 5px; } - } - - StScrollView.menu-application-button { // extracted submenu container - padding: 0; - border-radius: 3px; - border: 1px solid $borders_color; - background-color: $base_color; - - .popup-menu-item { - padding: 0; - spacing: 0; - &:ltr { padding-left: 7px; } - &:rtl { padding-right: 7px; } - - &:active { - border-image: none; // image independent - background-color: $selected_bg_color; - } - - StIcon { min-width: 22px; } // indentation - - StLabel { - &:ltr { padding: 6px 0 7px 5px; } - &:rtl { padding: 6px 5px 7px 0; } - } - } - } - - &-category-button { - padding: 6px; - border: 1px solid rgba(0,0,0,0); - border-radius: 5px; - - &-selected { - padding: 6px; - border: 1px solid $button_borders; - } - &-hover, &-selected { - @include button(hover); - border-radius: 5px; - } - &-greyed { - padding: 6px; - color: $disabled_fg_color; - border: 1px solid rgba(0,0,0,0); - } - - &-label:ltr { padding-left: 5px; } - &-label:rtl { padding-right: 5px; } - } - - // Name and description of the currently hovered item in the menu - // This appears on the bottom right hand corner of the menu - &-selected-app-box { - padding-right: 30px; - padding-left: 28px; - text-align: right; - height: 30px; - - &:rtl { - padding-top: 10px; - height: 30px; - } - } - - &-selected-app-title { font-weight: bold; } - - &-selected-app-description { max-width: 150px; } - - &-search-box:ltr { padding-left: 30px; } - &-search-box-rtl { padding-right: 30px; } -} - -#menu-search-entry { - width: 250px; - height: 15px; - font-weight: normal; - caret-color: $fg_color; - - @extend %entry; -} - -.menu-search-entry-icon { - icon-size: 1em; - color: $fg_color; -} - -/* Context menu (at the moment only for favorites) */ -// .menu-context-menu { } - -// -// OSD -// -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: $panel_fg; - background-color: $panel_bg; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - // margin: 32px; - min-width: 64px; - min-height: 64px; - - color: $panel_fg; - - border-radius: 0; - background-color: $panel_bg; - border: none; - - @if $trans == 'true' { - border-image: url("assets/menu.svg") 15 15 15 15; - } - - @else { - border-image: url("assets/menu-solid.svg") 15 15 15 15; - } - - .osd-monitor-label { font-size: 3em; } - - .level { - padding: 0; - height: 4px; - background-color: rgba(black, 0.35); - border-radius: 2px; - color: $selected_bg_color; - } - - .level-bar { - border-radius: 2px; - background-color: $selected_bg_color; - } -} - -// -// Window list (windowList.js) -// - -.window-list { - - &-box { - spacing: 0; - - .panel-bottom &, - .panel-top & { - &:ltr { padding: 0 0 0 8px; } - &:rtl { padding: 0 8px 0 0; } - } - - &.vertical { - padding: 6px 0 0 0; - - #appMenuIcon { - padding-top: 2px; - } - } - - &:highlight { background-color: rgba($error_color, 0.5); } - } - - &-item-label { - font-weight: normal; - width: 15em; - min-width: 5px; - } - - &-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba($panel_fg, 0.9); - border: 0 solid transparent; - - .panel-bottom & StLabel { padding-left: 6px; } - .panel-top & StLabel { padding-left: 6px; } - .panel-left & StLabel { padding-top: 6px; } - .panel-right & StLabel { padding-top: 6px; } - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - StIcon, StBin, #appMenuIcon { padding: 2px; padding-#{$position}: 0; } - } - } - - &:hover { - color: $panel_fg; - border: 0 solid rgba($panel_fg, 0.5); - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - } - } - } - - &:active, - &:checked, - &:running { - color: $panel_fg; - border: 0 solid rgba($selected_bg_color, 0.35); - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - } - } - - &:hover { - border-color: rgba($selected_bg_color, 0.5); - } - } - - &:focus { - color: $panel_fg; - border: 0 solid $selected_bg_color; - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - } - } - } - - &.right, &.left { - padding-left: 0px; - padding-right: 0px; - } - - .progress { - background-gradient-direction: vertical; - background-gradient-start: $progress_color; - background-gradient-end: $progress_color; - border-radius: 2px; - box-shadow: none; - } - } - - &-item-demands-attention { - background-gradient-start: $warning_color; - background-gradient-end: $warning_color; - } - - // >= 3.6.7 - &-preview { // thumbnail popup windows = .switcher-list - padding: 20px - 8px; // = .switcher-list - .item-box - spacing: 8px; // = .switcher-list-item-container - border: none; - background-color: $base_color; - border-radius: 5px; - color: $fg_color; - box-shadow: 0 3px 5px rgba(#000, 0.35), 0 3px 12px rgba(#000, 0.16); - } -} - -// -// Grouped window list (grouped-window-list@cinnamon.org) // >= 4.0 -// - -.grouped-window-list { - - &-thumbnail-label { - padding-left: 4px; - } - - &-thumbnail-alert { - background-color: rgba($error_color, 0.5); - } - - &-thumbnail-menu { - - .item-box { - padding: 6px; - border-radius: 2px; - spacing: 4px; - - &:outlined { - padding: 2px; - border: 2px solid $selected_bg_color; - } - - &:selected { - background-color: rgba($selected_fg_color, 0.33); - } - } - - .thumbnail { - width: 256px; - } - - .separator { - width: 1px; - background-color: rgba($panel_fg, 0.33); - } - } - - &-number-label { - z-index: 99; - text-shadow: none; - font-size: 10px; - color: $selected_fg_color; - padding: 0; - } - - &-button-label { - padding-left: 4px; - } - - &-badge { - border-radius: 256px; - background-color: $selected_bg_color; - } - - &-item-box { - font-weight: normal; - background-image: none; - transition-duration: 100; - color: rgba($panel_fg, 0.6); - border: 0 solid transparent; - - @each $position in (top), - (bottom), - (left), - (right) { - - &.#{$position} { // Cinnamon 4.0.3 - border-#{$position}-width: 2px; - StIcon, StBin, #appMenuIcon { padding: 2px; padding-#{$position}: 0; } - } - } - - // &.bottom StLabel { padding-left: 6px; } - // &.top StLabel { padding-left: 6px; } - // &.left StLabel { padding-top: 6px; } - // &.right StLabel { padding-top: 6px; } - - &:hover { - color: $panel_fg; - border: 0 solid rgba($panel_fg, 0.5); - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - } - } - } - - &:active, - &:checked, - &:running { - color: $panel_fg; - border: 0 solid rgba($selected_bg_color, 0.35); - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - } - } - - &:hover { - border-color: rgba($selected_bg_color, 0.5); - } - } - - &:focus { - color: $panel_fg; - border: 0 solid $selected_bg_color; - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - border-#{$position}-width: 2px; - } - } - } - - .progress { - background-gradient-direction: vertical; - background-gradient-start: $progress_color; - background-gradient-end: $progress_color; - border-radius: 2px; - box-shadow: none; - } - } - - &-item-demands-attention { - background-gradient-start: $warning_color; - background-gradient-end: $warning_color; - } -} - -/// -// Sound Applet (status/volume.js) -// -.sound-button { - width: 22px; - height: 13px; - padding: 8px; - - @extend %button; - - &-container { - padding-right: 3px; - padding-left: 3px; - } - StIcon { icon-size: 1.4em; } -} - -.sound-track { - &-infos { padding: 5px; } - &-info { - padding-top: 2px; - padding-bottom: 2px; - - StIcon { icon-size: 16px; } - - StLabel { - padding-left: 5px; - padding-right: 5px; - } - } - &-box { - padding-left: 15px; - padding-right: 15px; - max-width: 220px; - } -} - -.sound-seek-box { - padding-left: 15px; - - StLabel { padding-top: 2px; } - StIcon { icon-size: 16px; } -} - -.sound-seek-slider { width: 140px; } - -.sound-volume-menu-item { - padding: .4em 1.75em; - - StIcon { - icon-size: 1.14em; - padding-left: 8px; - padding-right: 8px; - } -} - -.sound-playback-control { padding: 5px 10px 10px 10px; } - -// 2.8 -.sound-player { - padding: 0 3px; - - > StBoxLayout:first-child { - padding: 5px 10px 10px 10px; - spacing: 0.5em; - - StButton:small { - width: 24px; - height: 24px; - border-radius: 100px; - - &:hover { background-color: rgba($fg_color, 0.1); } - &:active { background-color: rgba($fg_color, 0.25); } - - StIcon { icon-size: 16px; } - } - } - - &-generic-coverart { - background: rgba(0,0,0,0.2); - } - - &-overlay { - width: 290px; - height: 70px; - padding: 15px; - spacing: 0.5em; - background: transparentize(darken($osd_bg_color, 5%), 0.1); - border: 0px solid darken($osd_bg_color, 8%); - border-bottom: 1px; - color: $osd_fg_color; - - StButton { - width: 22px; - height: 16px; - padding: 6px; - margin: 0 2px; - color: $osd_fg_color; - border-radius: 3px; - border: none; - - StIcon { icon-size: 16px; } - - &:hover { @include button(osd-hover); } - &:active { @include button(osd-active); } - } - - StLabel { padding: 0 6px; } - - StBoxLayout { - padding-top: 2px; - } - } - - .slider { - height: 0.5em; - padding: 0; - border: 0px solid darken($osd_bg_color, 8%); - border-bottom: 1px; - -slider-height: 0.5em; - -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); - -slider-border-color: rgba(0,0,0,0); - -slider-active-background-color: $selected_bg_color; - -slider-active-border-color: rgba(0,0,0,0); - -slider-border-width: 0px; - -slider-handle-radius: 0px; - } -} - -// -// Workspace Switcher applet (workspaceSwitcher.js) -// -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} - -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; -} - -.workspace-button { - width: 20px; - height: 10px; - color: $panel_fg; - padding: 3px; - padding-top: 4px; - transition-duration: 300; - - &:outlined, &:outlined:hover { color: $selected_bg_color; } - &:hover { color: lighten($selected_bg_color, 10%) } -} - -/* Controls the style when using the "Visual representation" option */ -.workspace-graph { - padding: 3px; - spacing: 3px; -} - -.workspace-graph .workspace { - border: 1px solid transparentize(black, 0.6); - background-gradient-direction: none; - background-color: transparentize(black, 0.8); -} - -.workspace-graph .workspace:active { - border: 1px solid $selected_bg_color; - background-gradient-direction: none; -} - -.workspace-graph .workspace .windows { - -active-window-background: lighten($panel_bg, 15%); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: lighten($panel_bg, 15%); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -.workspace-graph .workspace:active .windows { - -active-window-background: lighten($panel_bg, 20%); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: lighten($panel_bg, 5%); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} - -// -// Panel Launchers Applet (panelLaunchers.js) -// -#panel-launchers-box { - padding: 0 6px; - - &.vertical { - padding: 3px 0; - } -} - -.panel-launcher { - padding: 2px; - transition-duration: 200ms; - - &:hover { - background-gradient-direction: none; - border: 0px solid $selected_bg_color; - - .panel-bottom & { border-bottom-width: 2px; padding-bottom: 0;} - .panel-top & { border-top-width: 2px; padding-top: 0;} - .panel-left & { border-left-width: 2px; padding-left: 0; } - .panel-right & { border-right-width: 2px; padding-right: 0; } - } -} - -// 3.2.x -.launcher { - padding: 2px; - spacing: 2px; - transition-duration: 0.2s; - &:hover { - border: 0 solid $selected_bg_color; - background-gradient-direction: none; - - @each $position in (top), - (bottom), - (left), - (right) { - .panel-#{$position} & { - padding-#{$position}: 0; - border-#{$position}-width: 2px; - } - } - } - - .icon-box { - padding: 0 2px; - - &.vertical { padding: 2px 0; } - } -} - -// -// Overview corner -// -#overview-corner { -// background-image: url("#{$asset_path}/overview.png"); - -// &:hover { background-image: url("#{$asset_path}/overview-hover.png"); } -} - -// -// Applets (applet.js) -// -.applet { - &-separator { padding: 1px 4px; } - - &-separator-line { - width: 1px; - background: rgba(255,255,255, 0.12); - } - - &-box { - padding-left: 3px; - padding-right: 3px; - color: $panel_fg; - text-shadow: none; - transition-duration: 100; - - &.vertical { - padding: 3px 0; - } - - &:hover { - color: $panel_fg; - background-color: rgba($panel_fg, 0.15); - } - - &:checked, &:checked:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:highlight { - background-image: none; - border-image: none; - background-color: transparentize($error_color, 0.5); - } - } - - &-label { - font-weight: bold; - color: $panel_fg; - - .applet-box:checked & { - color: $selected_fg_color; - text-shadow: none; - } - } - - &-icon { - color: $panel_fg; - icon-size: 22px; - - .applet-box:checked & { - color: $selected_fg_color; - text-shadow: none; - } - } -} - -// -// User Applet -// -.user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; -} - -.user-label { - color: $fg_color; - font-size: 1em; - font-weight: bold; - margin: 0px; -} - -// -// Desklets (desklet.js) -// -.desklet { - color: $osd_fg_color; - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - - &-with-borders { - color: $osd_fg_color; - background-color: $osd_bg_color; - padding: 12px; - padding-bottom: 16px; - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - } - &-with-borders-and-header { - color: $osd_fg_color; - background-color: $osd_bg_color; - border-radius: 6px; - border-radius-topleft: 0; - border-radius-topright: 0; - padding: 12px; - padding-bottom: 17px; - - &:highlight { - background-color: transparentize($error_color, 0.5); - } - } - &-header { - color: $osd_fg_color; - background-color: $osd_bg_color; - border-radius: 0; - border-radius-topleft: 6px; - border-radius-topright: 6px; - font-size: 1em; - padding: 12px; - padding-bottom: 6px; - } - &-drag-placeholder { - border: 2px solid $selected_bg_color; - background-color: transparentize($selected_bg_color, 0.7); - } -} - -.photoframe-box { - color: $osd_fg_color; - background-color: $osd_bg_color; - padding: 12px; - padding-bottom: 16px; -} - -// -// Workspace OSD -// -/*FIXME*/ -.workspace-osd { - /*color: red;*/ - text-shadow: black 5px 5px 5px; - font-weight: bold; - font-size: 48pt; -} - -// -// Notification Applet -// -.notification-applet-padding { padding: .5em 1em; } - -.notification-applet-container { max-height: 100px; } - -// -// Tile Preview -// -.tile-preview, .tile-preview.snap, -.tile-hud, .tile-hud.snap { - background-color: transparentize($selected_bg_color, 0.7); - border: 1px solid $selected_bg_color; -} - -// -// Xkcd Desklet -// -.xkcd-box { - padding: 6px; - border: 0px; - background-color: rgba(0,0,0,0); - border-radius: 0px; -} diff --git a/src/sass/cinnamon/_drawing.scss b/src/sass/cinnamon/_drawing.scss deleted file mode 100644 index b7fb0a2b..00000000 --- a/src/sass/cinnamon/_drawing.scss +++ /dev/null @@ -1,124 +0,0 @@ -// Drawing mixins - -// generic drawing of more complex things - -// provide font size in rem, with px fallback -@mixin fontsize($size: 24, $base: 16) { - font-size: round($size) + pt; - //font-size: ($size / $base) * 1rem; -} - -// Entries - -@mixin entry($t, $dark:false) { -// -// Entries drawing function -// - //@extend %reset_style; - - @if $t==normal { - color: $text_color; - border: 2px solid transparent; - background-color: $entry_bg; - } - - @if $t==focus { - color: $text_color; - border: 2px solid $entry_highlight; - background-color: $entry_bg; - } - - @if $t==insensitive { - color: $disabled_fg_color; - background-color: transparentize($entry_bg, 0.45); - } - - @if $t==osd { - color: $osd_fg_color; - background-color: $osd_entry_bg; - box-shadow: inset 0 2px 4px transparentize(black, 0.95); - } - - @if $t==osd-focus { - color: $selected_fg_color; - background-color: $selected_bg_color; - box-shadow: inset 0 2px 4px transparentize(black, 0.95); - } - - @if $t==osd-insensitive { - color: transparentize($osd_fg_color, 0.45); - background-color: transparentize($osd_entry_bg, 0.15); - box-shadow: inset 0 2px 4px transparentize(black, 0.95); - } -} - -// Buttons - -@mixin button($t) { -// -// Button drawing function -// - //@extend %reset_style; - - text-shadow: none; - - @if $t==normal { - color: $fg_color; - border: 1px solid $button_borders; - background-color: $button_bg; - box-shadow: inset 0 1px $button_highlight; - } - - @else if $t==hover { - color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); - border: 1px solid $button_borders; - background-color: if($variant=='light', #ffffff, lighten($button_bg, 3%)); - box-shadow: inset 0 1px rgba($button_highlight, 0.12); - } - - @else if $t==focus { - color: $fg_color; - background-color: $button_bg; - border: 1px solid $selected_bg_color; - box-shadow: inset 0 1px rgba($button_highlight, 0.12); - } - - @else if $t==focus-hover { - color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); - background-color: if($variant=='light', #ffffff, lighten($button_bg, 3%)); - border: 1px solid $selected_bg_color; - box-shadow: inset 0 1px rgba($button_highlight, 0.12); - } - - @else if $t==active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $button_borders_active; - } - - @else if $t==insensitive { - color: $disabled_fg_color; - border: 1px solid if($variant == 'light', $button_border, $dark_borders_color); - background-color: rgba($button_bg, 0.55); - } - - @else if $t==osd { - color: $osd_fg_color; - background-color: $osd_button_bg; - } - - @else if $t==osd-hover { - color: $osd_fg_color; - background-color: opacify(lighten($osd_button_bg, 7%), 0.1); - } - - @else if $t==osd-active { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - @else if $t==osd-insensitive { - color: $osd_disabled_fg_color; - background-color: transparentize($osd_button_bg, 0.15); - } -} diff --git a/src/sass/gnome-shell/_drawing.scss b/src/sass/gnome-shell/_drawing.scss deleted file mode 100644 index b7a26ea9..00000000 --- a/src/sass/gnome-shell/_drawing.scss +++ /dev/null @@ -1,275 +0,0 @@ -// generic drawing of more complex things - -// provide font size in pt, with px fallback -@function pt($size: $root-font-size) { - @return ($size * 0.75 / 1px) + pt; -} - -// provide icon size in em, with px fallback -@function em($size: 16px) { - @return ($size / $root-font-size) + em; -} - -// Typography -// based on: -// https://material.io/guidelines/style/typography.html#typography-styles - -@mixin font($size) { - @if $size == display-4 { - // font-family: $large-font-family; - font-size: 112px; - font-weight: 300; - // line-height: 1; - } - - @if $size == display-3 { - // font-family: $large-font-family; - font-size: 56px; - font-weight: 400; - // line-height: 1; - } - - @if $size == display-2 { - // font-family: $large-font-family; - font-size: 45px; - font-weight: 400; - // line-height: 48px; - } - - @if $size == display-1 { - // font-family: $large-font-family; - font-size: 34px; - font-weight: 400; - // line-height: 40px; - } - - @if $size == headline { - font-size: pt(24px); - font-weight: 400; - // line-height: 32px; - } - - @if $size == title { - font-size: pt(20px); - font-weight: 500; - // line-height: 1; - } - - @if $size == subheading { - font-size: pt($subheading-size); - font-weight: 400; - // line-height: 24px; - } - - @if $size == body-2 { - font-size: pt($root-font-size); - font-weight: 500; - // line-height: 24px; - } - - @if $size == body-1 { - font-size: pt($root-font-size); - font-weight: 400; - // line-height: 20px; - } - - @if $size == caption { - font-size: pt(12px); - font-weight: 400; - // line-height: 1; - } - - @if $size == button { - font-size: pt($root-font-size); - font-weight: 500; - // line-height: 20px; - } -} - - -@mixin entry($t, $fc: $primary_color, $tc: $fg_color, $bc: $entry_shell_bg) { -// -// entry -// -// $t: entry type -// $fc: focus color -// - - @if $t == normal { - background-color: $bc; - border-radius: 100px; - border: 2px solid transparent; - box-shadow: none; - } - - @if $t == hover { - box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05); - } - - @if $t == focus { - border: 2px solid lighten($fc, 15%); - box-shadow: none; - } - - @if $t == insensitive { - background-color: rgba($bc, 0.05); - color: $disabled_fg_color; - } - - @if $t == flat-normal { - background-color: $bc; - border-radius: 100px; - border: none; - box-shadow: none; - color: $tc; - } - - @if $t == flat-hover { - background-color: $bc; - box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05); - color: $tc; - } - - @if $t == flat-focus { - border: none; - background-color: rgba($bc, 0.2); - color: $tc; - } - - @if $t == flat-insensitive { - border: none; - background-color: rgba($bc, 0.05); - color: rgba($tc, 0.45); - } -} - -@mixin search_entry($t, $fc: $primary_color) { -// -// search_entry -// -// $t: search_entry type -// $fc: focus color -// - - @if $t == normal { - background-color: rgba(white, 0.12); - border-radius: $bd_radius; - border-color: transparent; - box-shadow: inset 0 0 0 1px rgba(white, 0.05); - } - - @if $t == focus { - border-color: transparent; - background-color: rgba(white, 0.18); - } - - @if $t == hover { - background-color: rgba(white, 0.2); - box-shadow: 1px 2px 3px rgba(black, 0.35); - } - - @if $t == insensitive { - color: $disabled_fg_color; - box-shadow: none; - } -} - -@mixin button($t, $c: $button_bg, $tc: $fg_color) { -// -// button -// -// $t: button type -// $c: base color -// $tc: text color -// - - @if $t == normal { - color: $tc; - background-color: $c; - border: 1px solid $button_borders; - - @if $variant=='light' { box-shadow: 0 1px 2px 0 rgba(black, 0.02); } - @if $variant=='dark' { - box-shadow: inset 0 1px $button_highlight; - } - - text-shadow: none; - icon-shadow: none; - } - - @if $t == focus { - color: $tc; - text-shadow: none; - icon-shadow: none; - box-shadow: none; - } - - @if $t == hover { - color: $tc; - border: 1px solid $button_borders_hover; - background-color: if($variant=='light', darken($c, 3%), lighten($c, 3%)); - text-shadow: none; - icon-shadow: none; - } - - @if $t == active { - color: $tc; - background-color: transparent; - background-image: if($variant=='light', darken($c, 5%), lighten($c, 5%)); - border: 1px solid $button_borders; - text-shadow: none; - icon-shadow: none; - } - - @if $t == insensitive { - color: if($tc == $fg_color, $disabled_fg_color, $tc); - background-color: if($c == $base_color, $divider_color, $c); - border-color: if($variant == 'light', $button_border, $dark_borders_color); - text-shadow: none; - icon-shadow: none; - } - - @if $t == flat-normal { - color: if($tc != $light_fg_color, $alt_fg_color, $light_fg_color); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; - } - - @if $t == flat-focus { - color: if($tc != $light_fg_color, $fg_color, $light_fg_color); - text-shadow: none; - icon-shadow: none; - box-shadow: none; - // box-shadow: inset 0px 0px 0px 2px $divider_color; - } - - @if $t == flat-hover { - color: if($tc != $light_fg_color, $fg_color, $light_fg_color); - background-color: $divider_color; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; - } - - @if $t == flat-active { - color: if($tc != $light_fg_color, $fg_color, $light_fg_color); - background-color: $track_color; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; - } - - @if $t == flat-insensitive { - color: if($tc != $light_fg_color, $disabled_fg_color, $light_alt_disabled_fg_color); - background-color: transparent; - border-color: transparent; - box-shadow: none; - text-shadow: none; - icon-shadow: none; - } -} diff --git a/src/sass/gnome-shell/_extensions.scss b/src/sass/gnome-shell/_extensions.scss deleted file mode 100644 index e225b707..00000000 --- a/src/sass/gnome-shell/_extensions.scss +++ /dev/null @@ -1,2 +0,0 @@ -@import 'extensions/dash-to-dock'; -@import 'extensions/misc'; diff --git a/src/sass/gnome-shell/_widgets.scss b/src/sass/gnome-shell/_widgets.scss deleted file mode 100644 index ec215790..00000000 --- a/src/sass/gnome-shell/_widgets.scss +++ /dev/null @@ -1,20 +0,0 @@ -@import 'widgets/base'; -@import 'widgets/buttons'; -@import 'widgets/calendar'; -@import 'widgets/checkbox'; -@import 'widgets/dashboard'; -@import 'widgets/dialogs'; -@import 'widgets/entrys'; -@import 'widgets/keyboard'; -@import 'widgets/login-dialog'; -@import 'widgets/looking-glass'; -@import 'widgets/misc'; -@import 'widgets/notifications'; -@import 'widgets/osd'; -@import 'widgets/overview'; -@import 'widgets/panel'; -@import 'widgets/popovers'; -@import 'widgets/screen-shield'; -@import 'widgets/scrollbar'; -@import 'widgets/slider'; -@import 'widgets/switch'; diff --git a/src/sass/gnome-shell/extensions/_dash-to-dock.scss b/src/sass/gnome-shell/extensions/_dash-to-dock.scss deleted file mode 100644 index 41d93c18..00000000 --- a/src/sass/gnome-shell/extensions/_dash-to-dock.scss +++ /dev/null @@ -1,197 +0,0 @@ -// Dash to Dock - -$dash_panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.15), rgba(#101010, 0.25)); -$dash_panel_fg: if($variant == 'light', black, white); -$dash_radius: 18px; - -// Scrollview style -.bottom #dashtodockDashScrollview, -.top #dashtodockDashScrollview { - -st-hfade-offset: 24px; -} - -.left #dashtodockDashScrollview, -.right #dashtodockDashScrollview { - -st-vfade-offset: 24px; -} - -#dashtodockContainer { - background-color: transparent; - - .app-well-app-running-dot { - background-color: $dash_panel_fg; - } - - .number-overlay { - color: $light_fg_color; - background-color: rgba(black, 0.75); - text-align: center; - } - - .notification-badge { - color: $light_fg_color; - background-color: $primary_color; - box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); - border-radius: 1000px; - margin: 2px; - padding: 0.2em 0.6em; - font-weight: bold; - text-align: center; - } - - &.dashtodock #dash, - &.dashtodock:overview #dash, - &.extended #dash, - &.extended:overview #dash { - border: 1px solid if($variant == 'light', rgba(black, 0.03), rgba(black, 0.35)); - } - - &.straight-corner #dash, - &.shrink.straight-corner #dash { - border-radius: 0; - margin: 0; - } - - @each $_dock, $_radius, $_shadow in (top, $dash_radius, 0 -1px), - (bottom, $dash_radius, 0 1px), - (left, $dash_radius, -1px 0), - (right, $dash_radius, 1px 0) { - &.#{$_dock}.dashtodock #dash, - &.#{$_dock}.dashtodock:overview #dash { - border-radius: #{$_radius}; - margin-#{$_dock}: 6px; - padding: 3px; - box-shadow: inset 0 0 0 1px rgba(white, 0.05); - } - - &.#{$_dock}.shrink #dash { - border-#{$_dock}-width: 0; - } - - &.#{$_dock}.extended #dash, - &.#{$_dock}.extended:overview #dash { - margin: 0; - padding: 0; - border-radius: 0; - box-shadow: inset #{$_shadow} rgba(white, 0.05); - } - } - - &.extended.top, - &.extended.bottom { - #dash { - border-left: 0; - border-right: 0; - padding-top: 0; - padding-bottom: 0; - } - } - - &.extended.right, - &.extended.left { - #dash { - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; - } - } - - &.dashtodock #dash { background-color: $dash_panel_bg; } - - #dash { // default-mode - background-color: $dash_panel_bg; - - .app-well-app-running-dot { - background-color: rgba($dash_panel_fg, 0.85); - } - - StWidget.focused .app-well-app-running-dot { - background-color: $primary_color; - } - } - - &.opaque #dash { // solid-mode - background-color: $dash_panel_bg; - } - - &.transparent #dash { // translucent-mode - background-color: $dash_panel_bg; // does not work - } - - &:overview #dash { // overview-mode #1 - background-color: $light_divider_color; - - .app-well-app-running-dot { - background-color: $light_alt_fg_color; - } - - StWidget.focused .app-well-app-running-dot { - background-color: $primary_color; - } - } - - &.opaque:overview, - &.transparent:overview { // overview-mode #2 - #dash { - background-color: transparent !important; - box-shadow: none !important; - } - } - - &.extended:overview, // overview-mode #3 - &.opaque.extended:overview, - &.transparent.extended:overview { - #dash { - background-color: $dash_panel_bg; - } - } - - &.running-dots, - &.dashtodock { - .dash-item-container > StButton { - transition-duration: 250ms; - background-size: contain; - } - } - - &.shrink, - &.dashtodock { - .dash-item-container > StButton { - padding: 1px 2px; - } - } - - .app-well-app, - .show-apps { - .overview-icon { - padding: 8px; - background-size: contain; - } - } - - &.extended, - &.extended:overview { - .app-well-app, - .show-apps { - .overview-icon { - border-radius: $bt_radius; - } - } - } - - .metro .overview-icon { - border-radius: 0; - } -} - -.dashtodock-app-well-preview-menu-item { - padding: 1em 1em 0.5em 1em; -} - -#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { - width: 1px; - height: auto; - border-right-width: 1px; - margin: 32px 0; -} diff --git a/src/sass/gnome-shell/extensions/_misc.scss b/src/sass/gnome-shell/extensions/_misc.scss deleted file mode 100644 index c1489f6e..00000000 --- a/src/sass/gnome-shell/extensions/_misc.scss +++ /dev/null @@ -1,83 +0,0 @@ -// Simple Dock -#dash:desktop { - background-color: $dash_panel_bg; -} - -// OpenWeather Extension -.openweather { - &-button, - &-button-action, - &-menu-button-container, - &-button-box { - border: 1px solid transparent; - } - - &-provider { - // generic text buttons are allocated with y-expand-ed - padding: 0 16px; - font-weight: 500; - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:focus { @include button(flat-focus); } - &:active { @include button(flat-active); } - &:insensitive { @include button(flat-disabled); } - } - - &-current { - &-icon, - &-summary, - &-summarybox { - background: none; - color: $fg_color; - } - - &-databox-values { - background: none; - color: $hint_fg_color; - } - - &-databox-captions { - background: none; - color: $hint_fg_color; - } - } - - &-forecast { - &-icon, - &-summary { - background: none; - color: $alt_fg_color; - } - - &-day, - &-temperature { - background: none; - color: $hint_fg_color; - } - } - - &-sunrise-icon, - &-sunset-icon, - &-build-icon { color: $alt_fg_color; } -} - -// GPaste -.popup-menu { - .search-entry { - color: $fg_color; - selection-background-color: $primary_color; - selected-color: $light_fg_color; - @include entry(normal); - - &:focus { - @include entry(focus); - color: $fg_color; - } - - .search-entry-icon { color: $hint_fg_color; } - - &:hover, &:focus { - .search-entry-icon { color: $fg_color; } - } - } -} diff --git a/src/sass/gnome-shell/widgets/_base.scss b/src/sass/gnome-shell/widgets/_base.scss deleted file mode 100644 index 81f30b22..00000000 --- a/src/sass/gnome-shell/widgets/_base.scss +++ /dev/null @@ -1,138 +0,0 @@ -//let's start by telling people not to edit the generated CSS: -$cakeisalie: "This stylesheet is generated, DO NOT EDIT"; -/* #{$cakeisalie} */ - -// GLOBALS -// * { -// // transition-timing-function: $deceleration_curve; -// transition-duration: $longer_duration; -// } - -stage { - // font-family: $font-family; - @include font(body-1); - color: $fg_color; -} - -// links -.shell-link { - border-radius: $bt_radius; - color: $link_color; - &:hover { - color: $link_color; - background-color: rgba($link_color, $lower_opacity / 2); - } - &:active { - color: $link_color; - background-color: rgba($link_color, $lower_opacity); - } -} - -// Outline for low res icons -.lowres-icon { - icon-shadow: 0 1px 2px rgba(black, 0.3); -} - -// Dropshadow for large icons -.icon-dropshadow { - icon-shadow: 0 1px 2px rgba(black, 0.4); -} - -%icon_tile { - color: $light_alt_fg_color; - border-radius: $bd_radius * 1.5; - padding: 6px; - border: none; - transition-duration: $longer_duration; - text-align: center; -} - -%osd-panel { - color: $fg_color; - background-color: $base_color; - border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75)); - box-shadow: 0 3px 8px 0 rgba(black, 0.25); - border-radius: $bt_radius; - padding: 12px; -} - -%overview-panel { - color: $light_alt_fg_color; - background-color: $light_divider_color; - border: none; -} - -%status_text { - @include font(display-2); - color: $light_hint_fg_color; -} - -%popover_bubble { - border-radius: $mn_radius; - border: none; - box-shadow: none; - background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75)); - text-shadow: none; - color: $alt_fg_color; - transition: none; - - &:hover, &:focus { - color: $fg_color; - background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75)); - box-shadow: 0 3px 5px rgba(black, 0.1); - } - - &:active { - color: $fg_color; - background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75)); - box-shadow: none; - } -} - -%bubble_button { - @include button(normal); - padding: $container_padding * 2; - border-style: solid; - border-width: 0; - border-left-width: 0; - border-bottom-width: 0; - - &:insensitive { @include button(insensitive); } - &:hover { @include button(hover); } - &:focus { @include button(focus); } - &:active { @include button(active); } - - // radius is 2 pixel less to fit in bubble - &:first-child { - border-radius: 0 0 0 $bt_radius; - } - - &:last-child { - border-right-width: 0; - border-radius: 0 0 $bt_radius 0; - } - - &:first-child:last-child { - border-radius: 0 0 $bt_radius $bt_radius; - } -} - -%theme_dialogs { - background-color: $dialog_bg_color; - border-radius: $wm_radius; - box-shadow: inset 0 0 1px 0 rgba(white, 0.2); - border: solid rgba(black, 0.75); - border-width: if($variant=='light', 0, 1px); -} - -%overview_scrollbar { - StBin#trough { - background-color: $light_divider_color; - } - - StButton#vhandle, StButton#hhandle { - background-color: $light_hint_fg_color; - &:hover { background-color: $light_alt_fg_color; } - &:active { background-color: $light_alt_fg_color; } - } -} diff --git a/src/sass/gnome-shell/widgets/_buttons.scss b/src/sass/gnome-shell/widgets/_buttons.scss deleted file mode 100644 index bbab2980..00000000 --- a/src/sass/gnome-shell/widgets/_buttons.scss +++ /dev/null @@ -1,41 +0,0 @@ -.button { - min-height: $medium_size; - padding: 0 16px; - border-width: 0; - border-radius: $bt_radius; - @include font(button); - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - &:insensitive { @include button(flat-insensitive); } - &:focus { @include button(flat-focus); } -} - -//close buttons -.window-close { - background-size: 26px; - height: 26px; - width: 26px; - -shell-close-overlap: 10px; - border-radius: 100px; - border: 0 none transparent; - background-color: transparent; - color: transparent; - box-shadow: none; - StIcon { icon-size: 26px; } // for safety - background-image: url("assets/window-close.svg"); - - &:hover { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-hover.svg"); - } - - &:active { - background-size: 26px; - height: 26px; - width: 26px; - background-image: url("assets/window-close-active.svg"); - } -} diff --git a/src/sass/gnome-shell/widgets/_calendar.scss b/src/sass/gnome-shell/widgets/_calendar.scss deleted file mode 100644 index 4d4fa590..00000000 --- a/src/sass/gnome-shell/widgets/_calendar.scss +++ /dev/null @@ -1,459 +0,0 @@ -// calendar popover -.clock-display-box { - spacing: 4px; - - .clock { - padding-left: 6px; - padding-right: 6px; - } -} - -#calendarArea { - padding: 12px 0; -} - -.calendar { - margin: 2px 12px; - border: none; - box-shadow: none; - background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75)); - padding: 4px 8px; - text-shadow: none; - border-radius: $mn_radius; -} - -.datemenu-today-button, -.datemenu-displays-box, -.message-list-sections { - margin: 4px 8px; -} - -.datemenu-calendar-column { - spacing: 8px; - border: none; - padding: 0 $container_padding * 2; - - &:ltr { margin-right: $container_padding * 2; border-left-width: 0; } - &:rtl { margin-left: $container_padding * 2; border-right-width: 0; } - - .datemenu-displays-section { padding-bottom: 0; } - .datemenu-displays-box { spacing: 8px; } -} - -.datemenu-today-button { - min-height: $menuitem_size * 2 - 4px * 2; - border: none; - box-shadow: none; - background: none; - padding: 4px 8px; - text-shadow: none; - color: $alt_fg_color; - - // weekday label - .day-label { - @include font(title); - font-weight: bold; - } - - // date label - .date-label { - @include font(headline); - } -} - -.calendar-month-label { - height: $menuitem_size - 4px * 2; - margin: 2px; - padding: 6px 16px; - color: $fg_color; - font-weight: bold; - text-align: center; - text-shadow: none; - - &:focus { background-color: $divider_color; } -} - -.pager-button { - width: $menuitem_size; - height: $menuitem_size; - margin: 2px; - border-radius: 100px; - background-color: transparent; - color: $fg_color; - &:hover, &:focus { background-color: $divider_color; } - &:active { background-color: $track_color; } -} - -.calendar-change-month-back { //arrow back - padding: 0 2px; - background-image: url("assets/calendar-arrow-left.svg"); - &:rtl { background-image: url("assets/calendar-arrow-right.svg"); } -} - -.calendar-change-month-forward { //arrow foreward - padding: 0 2px; - background-image: url("assets/calendar-arrow-right.svg"); - &:rtl { background-image: url("assets/calendar-arrow-left.svg"); } -} - -// prev/next month icons -.calendar-change-month-back StIcon, -.calendar-change-month-forward StIcon { - icon-size: 16px; -} - -.calendar-day-base { - @include font(caption); - text-align: center; - width: $menuitem_size; - height: $menuitem_size; - padding: 2px; - margin: 2px; - border-radius: 1000px; - color: $alt_fg_color; - font-feature-settings: "tnum"; - - &:hover, &:focus { background-color: $divider_color; } - - &:active { - color: $alt_fg_color; - background-color: $track_color; - border-color: transparent; //avoid jumparound due to today - } - - &:selected { - color: $fg_color; - background-color: $track_color; - border-color: transparent; //avoid jumparound due to today - } - - &.calendar-day-heading { //day of week heading - width: $menuitem_size; - height: $menuitem_size - 7px; - margin-top: 2px; - padding: 7px 0 0; - border-radius: 100px; - background-color: transparent; - color: $hint_fg_color; - @include font(caption); - font-weight: bold; - text-align: center; - } -} - -.calendar-day { //border collapse hack - see calendar.js - border-width: 0; -} - -.calendar-day-top { border-top-width: 0; } -.calendar-day-left { border-left-width: 0; } -.calendar-nonwork-day { - color: $fg_color; -} - -.calendar-today { - font-weight: bold !important; - color: $light_alt_fg_color; - background-color: $primary_color; - border: none; - - &:hover, &:focus { - background-color:lighten($primary_color, 3%); - color: $light_alt_fg_color; - } - - &:active, &:selected { - background-color: $primary_color; - color: $light_alt_fg_color; - - &:hover, &:focus { - background-color:lighten($primary_color, 3%); - color: $light_alt_fg_color; - } - } -} - -.calendar-day-with-events { - color: $hint_fg_color; - background-image: url("assets/calendar-today.svg"); - - &.calendar-work-day { - color: $hint_fg_color; - font-weight: bold; - } -} - -.calendar-other-month-day { - color: $disabled_fg_color; - opacity: 0.5; -} - -.calendar-week-number { - width: 22px; - height: 16px; - margin: 6px 6px 6px 4px; - padding: 0 0; - border-radius: $bt_radius; - background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); - color: $hint_fg_color; - font-size: inherit; - font-weight: bold; - text-align: center; -} - -.world-clocks-button, -.weather-button, -.events-button, -.events-section-title { - @extend %popover_bubble; - padding: 12px; - margin: 2px 4px; -} - -.world-clocks-header, -.weather-header, -.events-section-title { - color: $alt_fg_color; - font-weight: bold; -} - -/* Events */ -.events-button { - .events-box { - spacing: 6px; - } - - .events-list { - spacing: 12px; - text-shadow: none; - } - - .events-title { - color: $hint_fg_color; - font-weight: bold; - margin-bottom: 4px; - text-shadow: none; - } - - .event-time { - color: $hint_fg_color; - font-feature-settings: "tnum"; - } -} - -// World Clock -.world-clocks-button { - .world-clocks-city { - color: $hint_fg_color; - font-weight: bold; - font-size: 0.9em; - } - - .world-clocks-time { - color: $hint_fg_color; - font-feature-settings: "tnum"; - font-size: 1.2em; - - &:ltr { text-align: right; } - &:rtl { text-align: left; } - } - - .world-clocks-timezone { - color: $hint_fg_color; - font-feature-settings: "tnum"; - font-size: 0.9em; - } -} - -.world-clocks-grid, -.weather-grid { - spacing-rows: 0.4em; - spacing-columns: 0.8em; -} - -// Weather -.weather-button { - margin-bottom: 6px; - - .weather-box { - spacing: 12px; - } - - .weather-header-box { - spacing: 6px; - } - - .weather-header { - color: $alt_fg_color; - font-weight: bold; - - &.location { - font-weight: normal; - color: $hint_fg_color; - } - } - - .weather-grid { - spacing-rows: 6px; - spacing-columns: 12px; - } - - .weather-forecast-time { - color: $alt_fg_color; - font-feature-settings: "tnum"; - font-size: 9pt; - font-weight: normal; - padding-top: 0.2em; - padding-bottom: 0.4em; - } - - .weather-forecast-icon { - icon-size: 32px; - } - - .weather-forecast-temp { - font-weight: bold; - } -} - -// Message list -.message-list { - width: 31.5em; - padding: 0 12px; - text-shadow: none; - - .message-list-placeholder { spacing: 12px; } -} - -.message-list-clear-button.button { - background-color: transparent; - &:hover, &:focus { background-color: $divider_color; } - &:active { background-color: $track_color; } - margin: 8px 8px 0; -} - -.message-list-section, -.message-list-sections, -.message-list-section-list { - spacing: 8px; -} - -.message-list-section-list:ltr { - padding-left: 0; -} - -.message-list-section-list:rtl { - padding-right: 0; -} - -// do-not-disturb + clear button -.message-list-controls { - margin: 8px 16px 0; - // NOTE: remove the padding if notification_bubble could remove margin for drop shadow - padding: 4px; - spacing: 16px; -} - -.message { - margin: 2px 4px 6px; - @extend %popover_bubble; - - &:first-child { margin-top: 8px; } - - // icon container - .message-icon-bin { - margin: 8px 0; - padding: 8px 0px 8px 8px; - &:rtl { padding: 8px 8px 8px 0px; } - - // icon size and color - > StIcon { - icon-size: 32px; // 32px - -st-icon-style: symbolic; - } - - // fallback - > .fallback-app-icon { - width: 16px; - height: 16px; - } - } - - .message-secondary-bin { - padding: 0 8px; - - > .event-time { - min-height: $small_size - 2px; - color: $hint_fg_color; - font-size: 1em; - text-align: right; - /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ - padding-bottom: 0.13em; - } - } - - .message-title { - min-height: $small_size - 2px; - padding-top: 2px; - color: $fg_color; - font-weight: bold; - font-size: 1em; - } - - .message-content { - min-height: $menuitem_size * 2 - 8px * 2; - padding: 8px; - color: $hint_fg_color; - font-size: 1em; - } - - // close button - .message-close-button { - color: $alt_fg_color; - padding: 0; - height: 24px; - width: 24px; - border-radius: 100px; - - &:hover, &:active { color: $fg_color; } - &:hover, &:focus { background-color: $divider_color; } - &:active { background-color: $track_color; } - } - - // body - .message-body { - color: $hint_fg_color; - } -} - -// URLs in messages -.url-highlighter { - link-color: $link_color; -} - -.message-media-control { - margin: 16px 4px; - padding: 8px; - border-radius: 100px; - color: $alt_fg_color; - &:hover, &:focus { color: $fg_color; background-color: $divider_color; } - &:active { color: $fg_color; background-color: $track_color; } - &:insensitive { color: $disabled_fg_color; } - - &:last-child:ltr { margin-right: 16px; padding-right: 8px; } - &:last-child:rtl { margin-left: 16px; padding-left: 8px; } -} - -.media-message-cover-icon { - icon-size: 32px !important; - margin: 0 0px 0 4px !important; - &:rtl { margin: 0 4px 0 0px !important; } - &.fallback { - icon-size: 16px !important; - padding: 8px; - border: none; - border-radius: $bt_radius; - background-color: $divider_color; - color: $hint_fg_color; - } -} diff --git a/src/sass/gnome-shell/widgets/_checkbox.scss b/src/sass/gnome-shell/widgets/_checkbox.scss deleted file mode 100644 index 92a04dca..00000000 --- a/src/sass/gnome-shell/widgets/_checkbox.scss +++ /dev/null @@ -1,36 +0,0 @@ -.check-box { - * { - min-height: $medium_size - 8px * 2; - padding: 8px 0; - } - - StBoxLayout { spacing: .8em; } - StBin { - width: 24px; - height: 24px; - padding: ($medium_size - 24px) / 2; - border-radius: 100px; - background-image: url("assets/checkbox-off.svg"); - } - &:focus StBin { - background-image: url("assets/checkbox-off.svg"); - } - &:hover StBin { - background-color: $divider_color; - } - &:active StBin { - background-color: $track_color; - } - &:checked StBin { - background-image: url("assets/checkbox.svg"); - } - &:focus:checked StBin { - background-image: url("assets/checkbox.svg"); - } - &:hover:checked StBin { - background-color: rgba($primary_color, $lower_opacity / 2); - } - &:active:checked StBin { - background-color: rgba($primary_color, $lower_opacity); - } -} diff --git a/src/sass/gnome-shell/widgets/_dashboard.scss b/src/sass/gnome-shell/widgets/_dashboard.scss deleted file mode 100644 index b381df33..00000000 --- a/src/sass/gnome-shell/widgets/_dashboard.scss +++ /dev/null @@ -1,363 +0,0 @@ -#dash { - font-size: 1em; - color: $light_alt_fg_color; - background-color: $light_divider_color; - padding: 3px 0; - border: none; - border-left: 0px; - border-radius: 0px ($bd_radius * 1.5) ($bd_radius * 1.5) 0px; - - &:rtl { - border-radius: ($bd_radius * 1.5) 0 0 ($bd_radius * 1.5); - } - - .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; - } - - .empty-dash-drop-target { - width: 24px; - height: 24px; - } -} - -.dash-item-container > StWidget { - padding: 3px 6px; -} - -.dash-label { //osd tooltip - // min-height: 32px - 6px * 2; - border-radius: $bt_radius; - padding: 6px 8px; - color: rgba(white, 0.9); - background-color: rgba(black, 0.75); - box-shadow: none; - text-align: center; - border: none; - -x-offset: 8px; -} - -// App Vault/Grid -.icon-grid { - spacing: 30px; - -shell-grid-horizontal-item-size: 136px; - -shell-grid-vertical-item-size: 136px; - - row-spacing: $container_padding * 6; - column-spacing: $container_padding * 6; - max-row-spacing: $container_padding * 12; - max-column-spacing: $container_padding * 12; - - .overview-icon { icon-size: 96px; } -} - -//.app-display { spacing: 20px; } - -.system-action-icon { - box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); // FIXME: this should really have a highlight - background-color: $dark_bg_color; - color: white; - border-radius: 99px; - icon-size: 48px; -} - -.app-view-controls { //favorties | all toggle container - width: 320px; - padding-bottom: 32px; - margin: 0 0; -} -.app-view-control { //favorties | all toggle button - padding: 0 16px; - margin: 0 0; - font-weight: bold; - color: $light_alt_fg_color; - background-color: rgba($light_alt_fg_color, 0.15); - &:hover { - color: $light_alt_fg_color; - background-color: rgba($light_alt_fg_color, 0.22); - } - &:active { - color: $light_alt_fg_color; - background-color: darken($primary_color, 3%); - } - &:checked { - color: $light_alt_fg_color; - background-color: $primary_color; - box-shadow: none; - } - &:first-child { - border-right-width: 0; - border-radius: $bt_radius 0 0 $bt_radius; - } - &:last-child { - border-radius: 0 $bt_radius $bt_radius 0; - } -} - -//Icon tile -.search-provider-icon, -.list-search-result { - @extend %icon_tile; - &:focus, &:selected, &:hover { - background-color: $light_divider_color; - transition-duration: 0ms; - } - &:active, &:checked { - background-color: $light_track_color; - transition-duration: $longer_duration; - } -} - -%app-well-app, -.show-apps, -.app-well-app, -.grid-search-result { - & .overview-icon { - @extend %icon_tile; - - &, & > StIcon { - icon-shadow: $panel_asset_shadow; - } - } - - &:hover .overview-icon, - &:focus .overview-icon, - &:selected .overview-icon { - background-color: $light_divider_color; - transition-duration: 0ms; - border-image: none; - background-image: none; - } - - &:active .overview-icon, - &:checked .overview-icon { - background-color: $light_track_color; - box-shadow: none; - transition-duration: $longer_duration; - } -} - -.app-well-app-running-dot { //running apps indicator - width: 5px; height: 5px; - border-radius: 3px; - background-color: $light_alt_fg_color; - margin-bottom: 0; -} - -StWidget.focused .app-well-app-running-dot { - background-color: $primary_color; -} - -.app-well-app.app-folder > .overview-icon { - background-color: $light_divider_color; -} - -.show-apps .show-apps-icon { - color: transparent; - background-image: url("assets/view-app-grid.svg"); - background-size: contain; -} - -.show-apps .overview-icon { - color: transparent; -} - -.show-apps:hover .show-apps-icon, -.show-apps:active .show-apps-icon, -.show-apps:checked .show-apps-icon, -.show-apps:focus .show-apps-icon { - color: transparent; - transition-duration: $longer_duration; -} - -// Collections -.app-folder-popup { //expanded collection - -arrow-border-radius: $bd_radius * 2; - -arrow-background-color: $light_divider_color; - -arrow-base: 0; - -arrow-rise: 12px; -} - -.app-folder-popup-bin { padding: 5px; } - -.app-folder-icon { - padding: 5px; - spacing-rows: 5px; - spacing-columns: 5px; -} - -.page-indicator { - padding: 15px 20px; - - .page-indicator-icon { - width: 12px; - height: 12px; - border-radius: 12px; - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: $light_alt_disabled_fg_color; - } - &:hover .page-indicator-icon { - background-image: none; - background-color: $light_disabled_fg_color; - } - &:active .page-indicator-icon { - margin: 0; - padding: 0; - background-image: none; - color: transparent; - border: none; - box-shadow: none; - background-color: $light_alt_fg_color; - } - &:checked .page-indicator-icon { - background-image: none; - background-color: $light_alt_fg_color; - transition-duration: 0ms; - } - &:checked:active { background-image: none; } -} - -.no-frequent-applications-label { @extend %status_text; } - -.overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - padding: 10px 8px 5px 8px; - spacing: 6px; - - > StBoxLayout { - spacing: 6px; - } -} - -// App Folders -.app-folder { - background: none; - transition: $longer_transition; - - .overview-icon { - background-color: $light_divider_color; - // padding: 16px; - border-radius: $bt_radius * 2; - } - - &:hover .overview-icon { - background-color: rgba(white, 0.2); - } -} - -// expanded folder -.app-folder-dialog { - border-radius: $bd_radius * 4; - border: 2px solid rgba(white, 0.15); - padding: 12px; - background-color: rgba(#181818, 0.95); - - & .folder-name-container { - padding: 24px 36px 0; - spacing: 12px; - - & .folder-name-label, - & .folder-name-entry { - font-size: 18pt; - font-weight: bold; - } - - & .folder-name-entry { - @extend %search-entry; - width: 300px; - } - - /* FIXME: this is to keep the label in sync with the entry */ - & .folder-name-label { padding: 5px 7px; color: $light_alt_fg_color; } - - & .edit-folder-button { - background-color: $light_divider_color; - color: $light_alt_fg_color; - border: none; - - padding: 0; - width: 36px; - height: 36px; - border-radius: 18px; - - & > StIcon { icon-size: 16px } - - &:hover { background-color: $light_divider_color; } - &:checked, &:active { background-color: $light_track_color; } - } - } - - & .icon-grid { - row-spacing: $container_padding * 2; - column-spacing: $container_padding * 5; - } - - & .page-indicators { - margin-bottom: 18px; - - .page-indicator { - padding: 15px 12px; - } - } - - & StButton#vhandle, - & StButton#vhandle:hover, - & StButton#vhandle:active { background-color: transparent; } -} -.app-folder-dialog-container { - padding: $container_padding; - width: 600px; - height: 600px; -} - -.app-folder-icon { - padding: $container_padding; - spacing-rows: $container_padding; - spacing-columns: $container_padding; -} - -// Rename popup for app folders -.rename-folder-popup { - .rename-folder-popup-item { - spacing: $container_padding; - &:ltr, &:rtl { padding: 0 $container_padding * 2; } - } -} - -// Workspace pager -.workspace-thumbnails { //container ala dash - @extend %overview-panel; - visible-width: 32px; //amount visible before hover - spacing: 12px; - padding: 16px; - border-radius: $bt_radius; - margin: 6px; - // border-width: 0; //fixme: can't have non unoform borders :( - // &:rtl { border-radius: $bt_radius; } - - .placeholder { - background-image: url("assets/dash-placeholder.svg"); - background-size: contain; - height: 24px; - } -} -.workspace-thumbnail-indicator { - border: 2px solid $primary_color; - padding: 6px; - border-radius: 2px; -} - -//Some hacks I don't even -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - // horizontal padding to make sure scrollbars or dash don't overlap content - padding: 0px 88px 10px 88px; -} diff --git a/src/sass/gnome-shell/widgets/_dialogs.scss b/src/sass/gnome-shell/widgets/_dialogs.scss deleted file mode 100644 index 1d6a233b..00000000 --- a/src/sass/gnome-shell/widgets/_dialogs.scss +++ /dev/null @@ -1,356 +0,0 @@ -%last_dialog_button { - color: white; - background-color: $primary_color; - box-shadow: inset 0 1px 0 0 rgba(white,0.1); - - &:hover { - color: white; - background-color: lighten($primary_color, 9%); - } - - &:active { - color: white; - background-color: darken($primary_color, 5%); - } - - &:insensitive { - background-color: rgba($primary_color, 0.05); - color: rgba($primary_color, 0.35); - } -} - -.headline { - @include font(title); -} - -// modal dialog -.modal-dialog { - color: $fg_color; - padding: 0 5px 6px 5px; - @extend %theme_dialogs; - - &-linked-button { - min-height: 40px; - padding: 0 16px; - margin: 3px 3px; - border: none !important; - border-radius: $bt_radius; - - @include font(button); - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - &:insensitive { @include button(flat-insensitive); } - &:focus { @include button(flat-focus); } - } - - &-linked-button:first-child { - background: $entry_bg; - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - } - - &-linked-button:last-child { - @extend %last_dialog_button; - } - - .modal-dialog-content-box { - margin: 32px 40px; - spacing: 32px; - max-width: 28em; - } -} - -// Message Dialog -.message-dialog-content { - spacing: 18px; - - .message-dialog-title { - text-align: center; - font-size: 18pt; - font-weight: 800; - - &.leightweight { - font-size: 13pt; - font-weight: 800; - } - } - - .message-dialog-description { text-align: center; } -} - -// Dialog List -.dialog-list { - spacing: 18px; - - .dialog-list-title { - text-align: center; - font-weight: bold; - } - - .dialog-list-scrollview { max-height: 200px; } - .dialog-list-box { - spacing: 1em; - - .dialog-list-item { - spacing: 1em; - - .dialog-list-item-title { font-weight: bold; } - .dialog-list-item-description { - color: $alt_fg_color; - @include font(title); - } - } - } -} - -// Run Dialog -.run-dialog { - .modal-dialog-content-box { - margin-top: 24px; - margin-bottom: 14px; - } - - .run-dialog-entry { width: 20em; } - .run-dialog-description { - text-align: center; - color: $alt_fg_color; - @include font(title); - } -} - -// End Session Dialog -.end-session-dialog { - width: 28em; - // border: none; - - .end-session-dialog-battery-warning, - .dialog-list-title { - color: $warning_color; - } -} - -// ShellMountOperation Dialogs -.shell-mount-operation-icon { icon-size: 48px; } - -.mount-dialog { - spacing: 24px; - - .message-dialog-title { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - max-width: 34em; - } - - .message-dialog-title:rtl { - padding-left: 0px; - padding-right: 17px; - } - - .message-dialog-body { - padding-left: 17px; - width: 28em; - } - - .message-dialog-body:rtl { - padding-left: 0px; - padding-right: 17px; - } -} - -.mount-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.mount-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.mount-dialog-app-list-item { - color: $fg_color; - &:hover { color: $fg_color; } - &:ltr { padding-right: 1em; } - &:rtl { padding-left: 1em; } -} - -.mount-dialog-app-list-item-icon { - &:ltr { padding-right: 17px; } - &:rtl { padding-left: 17px; } -} - -.mount-dialog-app-list-item-name { - font-size: 1em; -} - -// Password or Authentication Dialog -.prompt-dialog { - //this is the width of the entire modal popup - width: 28em; - // border: none; - - .modal-dialog-content-box { - margin-bottom: 24px; - } -} - -.prompt-dialog-password-grid { - spacing-rows: 8px; - spacing-columns: 4px; - - .prompt-dialog-password-entry { - width: auto; - - // 4px (spacing) + 16px (spinner-width) - &:ltr { margin-left: 20px; } - &:rtl { margin-right: 20px; } - } -} - -.prompt-dialog-password-layout { - spacing: 8px; -} - -.prompt-dialog-password-entry { - width: 20em; -} - -.prompt-dialog-error-label, -.prompt-dialog-info-label, -.prompt-dialog-null-label { - text-align: center; - @include font(title); - margin: 6px; -} - -.prompt-dialog-error-label { - color: $error_color; -} - -.prompt-dialog-info-label, -.prompt-dialog-null-label { - color: $hint_fg_color; -} - -// Polkit Dialog -.polkit-dialog-user-layout { - text-align: center; - spacing: 8px; - margin-bottom: 6px; - - .polkit-dialog-user-root-label { - color: $warning_color; - } -} - -// Audio selection dialog -.audio-device-selection-dialog { - .modal-dialog-content-box { margin-bottom: 28px; } - .audio-selection-box { spacing: 20px; } -} - -.audio-selection-device { - border: 1px solid $borders_color; - border-radius: $bt_radius; - &:hover, &:focus { background-color: $visit_color; } - &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} - -.audio-selection-device-icon { - icon-size: 64px; -} - -// Access Dialog -.access-dialog { - spacing: 30px; -} - -// Geolocation Dialog -.geolocation-dialog { - spacing: 30px; -} - -// Extension Dialog -.extension-dialog { - .message-dialog-main-layout { spacing: 24px; padding: 10px; } - .message-dialog-title { color: $alt_fg_color; } -} - -// Inhibit-Shortcuts Dialog -.inhibit-shortcuts-dialog { - spacing: 30px; -} - -// Network Agent Dialog -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -// NETWORK DIALOGS -.nm-dialog { - max-height: 34em; - min-height: 31em; - min-width: 32em; -} - -.nm-dialog-content { - spacing: 20px; - padding: 24px; -} - -.nm-dialog-header-hbox { spacing: 10px; } -.nm-dialog-airplane-box { spacing: 12px; } - -.nm-dialog-airplane-headline { - font-weight: bold; - text-align: center; -} - -.nm-dialog-airplane-text { color: $fg_color; } -.nm-dialog-header-icon { icon-size: 32px; } -.nm-dialog-scroll-view { - border: 1px solid $borders_color; - padding: 0; - background-color: if($variant == 'light', rgba(black, 0.05), rgba(black, 0.1)); - border-radius: $bt_radius; -} - -.nm-dialog-header { @include font(title); } - -.nm-dialog-item { - font-size: 1em; - border-bottom: none; - border-radius: $bt_radius; - padding: 12px; - spacing: 20px; - &:hover, &:focus { background-color: $divider_color; } - &:active { background-color: $track_color; } -} - -.nm-dialog-item:selected { - background-color: $primary_color; - color: $light_alt_fg_color; -} - -.nm-dialog-icons { spacing: .5em; } -.nm-dialog-icon { icon-size: 16px; } -.no-networks-label { color: $hint_fg_color; } -.no-networks-box { spacing: 12px; } diff --git a/src/sass/gnome-shell/widgets/_entrys.scss b/src/sass/gnome-shell/widgets/_entrys.scss deleted file mode 100644 index 0e430faa..00000000 --- a/src/sass/gnome-shell/widgets/_entrys.scss +++ /dev/null @@ -1,29 +0,0 @@ -StEntry { - min-height: $medium_size; - min-width: $large_size; - padding: 0 8px; - margin: 3px; - border-width: 0; - color: $fg_color; - caret-color: $fg_color; - selection-background-color: $primary_color; - selected-color: $light_alt_fg_color; - // @include font(subheading); - @include entry(normal); - &:hover { @include entry(hover);} - &:focus { @include entry(focus);} - &:insensitive { @include entry(insensitive);} - StIcon.capslock-warning { - icon-size: 16px; - warning-color: $warning_color; - padding: 0 0; - } - StIcon.peek-password { - icon-size: 16px; - padding: 0 4px; - } - StLabel.hint-text { - margin-left: 2px; - color: transparentize($fg_color, 0.3); - } -} diff --git a/src/sass/gnome-shell/widgets/_keyboard.scss b/src/sass/gnome-shell/widgets/_keyboard.scss deleted file mode 100644 index f25e5a77..00000000 --- a/src/sass/gnome-shell/widgets/_keyboard.scss +++ /dev/null @@ -1,86 +0,0 @@ -// On-screen Keyboard -.word-suggestions { - font-size: 14pt; - spacing: 12px; - min-height: 20pt; -} - -#keyboard { - background-color: rgba(black, 0.25); - box-shadow: none; - - .page-indicator { - padding: 6px; - - .page-indicator-icon { - width: 8px; - height: 8px; - } - } -} - -// the container for individual keys -.key-container, -.keyboard-layout { - padding: 4px; - spacing: 4px; -} - -// .keyboard-row { spacing: 15px; } - -.keyboard-key { - min-height: 1.2em; - min-width: 1.2em; - font-weight: bold; - font-size: round(16) + pt; - border-radius: $mn_radius; - border: none; - color: $alt_fg_color; - background-color: $solid_bg_color; - box-shadow: 0 1px 3px rgba(black, 0.15); - - &:focus, &:hover { color: $fg_color; background-color: if($variant == 'light', white, lighten($solid_bg_color, 10%)); } - &:checked, &:active { color: $fg_color; background-color: darken($solid_bg_color, 10%); } - &:grayed { //FIXME - background-color: $alt_dark_bg_color; - color: $light_alt_fg_color; - border-color: $alt_dark_bg_color; - } - - &.default-key { // non-character keys - background-color: $alt_solid_bg_color; - box-shadow: 0 2px 3px rgba(black, 0.15); - - &:focus, &:hover { color: $fg_color; background-color: lighten($alt_solid_bg_color, 10%); } - &:checked, &:active { color: $fg_color; background-color: darken($alt_solid_bg_color, 10%); } - } - - &.enter-key { // enter key is suggested-action - color: $light_fg_color; - background-color: $primary_color; - box-shadow: 0 2px 3px rgba(black, 0.15); - - &:focus, &:hover { color: $light_fg_color; background-color: lighten($primary_color, 5%); } - &:checked, &:active { color: $light_fg_color; background-color: darken($primary_color, 10%); } - } - - &.shift-key-uppercase { - &, &:focus, &:hover, &:checked, &:active { - color: $primary_color; - } - } - - StIcon { icon-size: 1.125em; } -} - -.keyboard-subkeys { //long press on a key popup - color: inherit; - -arrow-border-radius: $bt_radius; - -arrow-background-color: rgba(black, 0.45); - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; - box-shadow: 0 2px 5px rgba(black, 0.25); -} diff --git a/src/sass/gnome-shell/widgets/_login-dialog.scss b/src/sass/gnome-shell/widgets/_login-dialog.scss deleted file mode 100644 index 5c560944..00000000 --- a/src/sass/gnome-shell/widgets/_login-dialog.scss +++ /dev/null @@ -1,248 +0,0 @@ -.login-dialog-banner-view { - padding-top: 24px; - max-width: 23em; -} - -.login-dialog, -.unlock-dialog { - //reset - border: none; - background-color: transparent; - - StEntry { - selection-background-color: $primary_color; - selected-background-color: $primary_color; - selected-color: white; - padding: 4px 8px; - min-height: $small_size; - border-radius: $circular_radius; - caret-color: $light_fg_color; - - @include entry(flat-normal, $tc: $light_fg_color); - &:focus { @include entry(flat-focus, $tc: $light_fg_color); } - &:insensitive { @include entry(flat-insensitive, $tc: $light_disabled_fg_color); } - - StLabel.hint-text { - color: $light_disabled_fg_color; - } - } - - .modal-dialog-button-box { spacing: 3px; } - - .modal-dialog-button { - padding: 0 16px; - border: none; - @include button(flat-normal, $tc: $light_fg_color); - &:hover, &:focus { @include button(flat-hover, $tc: $light_fg_color); } - &:active { @include button(flat-active, $tc: $light_fg_color); } - &:insensitive { @include button(flat-insensitive, $tc: $light_disabled_fg_color); } - - &:default { - @include button(normal, $tc: $light_fg_color); - &:hover, &:focus { @include button(hover, $tc: $light_fg_color); } - &:active { @include button(active, $tc: $light_fg_color); } - &:insensitive { @include button(insensitive, $tc: $light_disabled_fg_color); } - } - } - - .cancel-button, - .switch-user-button, - .login-dialog-session-list-button { - padding: 0; - border-radius: 100px; - width: 32px; - height: 32px; - border: none; - background-color: rgba($borders_color, 0.1); - - StIcon { icon-size: 16px; } - } - - .login-dialog-message-warning { - color: $light_alt_fg_color; - } -} - -// Caps-lock warning -.caps-lock-warning-label { - text-align: center; - margin-bottom: 8px; - padding: 2px 6px; - color: white; - background-color: $warning_color; - border-radius: $circular_radius; -} - -.login-dialog-logo-bin { padding: 24px 0px; } -.login-dialog-banner { color: $light_alt_fg_color; } -.login-dialog-button-box { spacing: 5px; } -.login-dialog-message-warning { color: $warning_color; } -.login-dialog-message-hint { padding-top: 0; padding-bottom: 20px; } -.login-dialog-user-selection-box { padding: 100px 0px; } -.login-dialog-not-listed-label { - padding-left: 2px; - .login-dialog-not-listed-button:focus &, - .login-dialog-not-listed-button:hover & { - color: $light_fg_color; - } -} - -.login-dialog-not-listed-label { - font-size: 1em; - font-weight: bold; - color: $light_alt_fg_color; - padding-top: 1em; - &:hover { color: $light_alt_fg_color; } - &:focus { background-color: $light_divider_color; } -} - -.login-dialog-user-list-view { -st-vfade-offset: 1em; } -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; - &:expanded .login-dialog-user-list-item:selected { background-color: $light_divider_color; color: $light_alt_fg_color; } - &:expanded .login-dialog-user-list-item:hover { background-color: $light_divider_color; color: $light_alt_fg_color; } - &:expanded .login-dialog-user-list-item:active { background-color: $light_track_color; color: $light_alt_fg_color; } - &:expanded .login-dialog-user-list-item:logged-in { border-right: 2px solid $selected_bg_color; } -} - -.login-dialog-user-list-item { - border-radius: $mn_radius; - padding: 6px; - color: $light_alt_fg_color; - - &:ltr .user-widget { padding-right: 1em; } - &:rtl .user-widget { padding-left: 1em; } - - &:focus { - background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.03)) !important; - - // .login-dialog-timed-login-indicator { - // background-color: $track_color; - // } - } - - &:hover, &:focus:hover { - background-color: $divider_color !important; - color: $light_alt_fg_color; - } - - &:active, &:focus:active { - background-color: $track_color !important; - color: $light_alt_fg_color; - } - - .login-dialog-timed-login-indicator { - height: 2px; - margin: 6px 0 0 0; - background-color: $visit_color !important; - } -} - -// .login-dialog-username, -.user-widget-label { - color: $light_alt_fg_color; -} - -// User icon -.user-icon { - background-size: contain; - color: $light_alt_fg_color; - border-radius: $circular_radius; - border: none; - box-shadow: 0 3px 8px rgba(black, 0.25); - - &:hover { - color: $light_fg_color; - } - - & StIcon { - background-color: transparentize($light_alt_fg_color, 0.95); - border-radius: 99px; - } -} - -.user-widget.vertical .user-icon { - icon-size: 128px; // 128px - - & StIcon { - padding: $container_padding * 3 + 2px; // 20px - padding-top: $container_padding * 3; // 18 px - padding-bottom: $container_padding * 3 + 4px; // 22px - width: 88px; height: 88px; // 88px; - } -} - -.user-widget.horizontal .user-icon { - icon-size: 64px; - - & StIcon { - padding: $container_padding * 2 ; // 12px - width: $container_padding * 2.5; height: $container_padding * 2.5; // 40px; - } -} - -.user-widget.horizontal { - .user-widget-label { - // @include font(title); - font-weight: bold; - text-align: left; - padding-left: 15px; - - &:ltr { padding-left: 14px; } - &:rtl { padding-right: 14px; } - } - - .user-icon { - icon-size: 64px; // 64px - - & StIcon { - padding: 12px; // 12px - width: 40px; - height: 40px; // 40px; - } - } -} - -.user-widget.vertical { - .user-widget-label { - text-align: center; - font-weight: normal; - padding-top: 16px; - } - - .user-icon { - icon-size: 96px; // 128px - - & StIcon { - padding: 20px; // 20px - padding-top: 18px; // 18 px - padding-bottom: 22px; // 22px - width: 88px; - height: 88px; // 88px; - } - } -} - -.login-dialog-prompt-entry { - height: 1.5em; -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 8px; - width: 23em; -} - -.login-dialog-prompt-label { - color: $light_hint_fg_color; - font-size: 1em; - padding-top: 1em; -} - -#lockDialogGroup { - background: url("assets/background.jpg"); - background-size: cover; -} diff --git a/src/sass/gnome-shell/widgets/_looking-glass.scss b/src/sass/gnome-shell/widgets/_looking-glass.scss deleted file mode 100644 index d0a1e4ad..00000000 --- a/src/sass/gnome-shell/widgets/_looking-glass.scss +++ /dev/null @@ -1,108 +0,0 @@ -#LookingGlassDialog { - background-color: $base_color; - spacing: 4px; - padding: 0; - border: none; - border-radius: $bt_radius; - box-shadow: 0 3px 8px 0 rgba(black, 0.25); - color: $fg_color; - - & > #Toolbar { - padding: 0 8px; - border: none; - border-radius: 0; - background-color: rgba($base_color, 0.01); - box-shadow: inset 0 -1px 0 $borders_color; - } - - .labels { spacing: 0; } - .notebook-tab { - -natural-hpadding: 12px; - -minimum-hpadding: 6px; - font-weight: bold; - color: $hint_fg_color; - transition-duration: $longer_duration; - padding-left: 16px; - padding-right: 16px; - min-height: $medium_size; - padding: 0 16px * 2; - &:hover { - box-shadow: inset 0 -2px 0px $track_color; - color: $fg_color; - text-shadow: none; - } - &:selected { - border-bottom-width: 0; - border-color: transparent; - background-color: rgba($base_color, 0.01); - box-shadow: inset 0 -2px 0px $light_alt_fg_color; - color: $fg_color; - text-shadow: none; - } - } - StBoxLayout#EvalBox { padding: 4px; spacing: 4px; } - StBoxLayout#ResultsArea { spacing: 4px; } -} - -.lg-dialog { - StEntry { - selection-background-color: $primary_color; - selected-color: $light_alt_fg_color; - } - .shell-link { - color: $link_color; - &:hover { color: $link_color; } - } -} - -.lg-completions-text { - font-size: 1em; - font-style: italic; -} - -.lg-obj-inspector-title { - spacing: 4px; -} - -.lg-obj-inspector-button { - min-height: $medium_size; - padding: 0 16px; - border: none; - border-radius: $bt_radius; - @include font(button); - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - &:insensitive { @include button(flat-insensitive); } - &:focus { @include button(flat-focus); } - &:hover { border: none; } -} - -#lookingGlassExtensions { padding: 4px; } - -.lg-extensions-list { - padding: 4px; - spacing: 6px; -} - -.lg-extension { - border: none; - border-radius: $bt_radius; - padding: 4px; -} - -.lg-extension-name { - @include font(headline); -} - -.lg-extension-meta { - spacing: 6px; -} - -#LookingGlassPropertyInspector { - background: $base_color; - border: none; - border-radius: $bt_radius; - padding: 6px; - box-shadow: 0 3px 8px 0 rgba(black, 0.25); -} diff --git a/src/sass/gnome-shell/widgets/_misc.scss b/src/sass/gnome-shell/widgets/_misc.scss deleted file mode 100644 index 6f09924f..00000000 --- a/src/sass/gnome-shell/widgets/_misc.scss +++ /dev/null @@ -1,217 +0,0 @@ -// Pointer location -.ripple-pointer-location { - width: 48px; - height: 48px; - border-radius: 24px; // radius equals the size of the box to give us the curve - background-color: lighten(transparentize($primary_color, 0.7), 30%); - box-shadow: 0 0 2px 2px lighten($primary_color, 20%); -} - -// Pointer accessibility notifications -.pie-timer { - width: 60px; - height: 60px; - -pie-border-width: 3px; - -pie-border-color: $primary_color; - -pie-background-color: lighten(transparentize($primary_color, 0.7), 40%); -} - -// Rubberband for select-area screenshots -.select-area-rubberband { - background-color: transparentize($primary_color, 0.7); - border: 1px solid $primary_color; - border-radius: 3px; -} - -// Caps-lock warning -.caps-lock-warning-label { - text-align: center; - padding-bottom: 8px; - @include font(body-1); - color: $warning_color; -} - -.lightbox { background-color: black; } -.flashspot { background-color: white; } - -// Hidden -.hidden { - color: rgba(0,0,0,0); -} - -// App Switcher -.switcher-popup { - padding: 8px; - spacing: 24px; -} - -.osd-window, -.resize-popup, -.switcher-list { - @extend %osd-panel; -} - -.switcher-list-item-container { spacing: 8px; } - -.switcher-list .item-box { - padding: 8px; - border-radius: $bt_radius; -} - -.switcher-list .item-box:outlined { - padding: 8px; - border: none; - background-color: $divider_color; - color: $fg_color; // for Ubuntu session -} - -.switcher-list .item-box:selected { - background-color: $primary_color; - color: $light_alt_fg_color; -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: $borders_color; -} - -.switcher-arrow { - border-color: rgba(0,0,0,0); - color: $hint_fg_color; - &:highlighted { - color: $fg_color; - } -} - -.input-source-switcher-symbol { - @include font(display-2); - width: 96px; - height: 96px; -} - -// Tiled window previews -.tile-preview { - background-color: rgba($primary_color, $lower_opacity); - border: 1px solid $primary_color; -} - -.tile-preview-left.on-primary { - border-radius: $panel-corner-radius 0 0 0; -} - -.tile-preview-right.on-primary { - border-radius: 0 $panel-corner-radius 0 0; -} - -.tile-preview-left.tile-preview-right.on-primary { - border-radius: $panel-corner-radius $panel-corner-radius 0 0; -} - -// Activities Ripples -.ripple-box { - width: 48px; - height: 48px; - border-radius: 0 0 48px 0; - background-color: rgba($primary_color, 0.35); - background-image: none; - background-size: auto; -} - -.ripple-box:rtl { - border-radius: 0 0 0 48px; - background-image: none; -} - -// counter -.summary-source-counter { - font-size: 1em; - font-weight: bold; - height: 1.6em; width: 1.6em; - -shell-counter-overlap-x: 3px; - -shell-counter-overlap-y: 3px; - background-color: $primary_color; - color: $light_alt_fg_color; - border: 2px solid $primary_color; - box-shadow: 0 2px 2px rgba(black, 0.5); - border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; -} - -.secondary-icon { icon-size: em(16px); } - -//chat bubbles -.chat-body { spacing: 5px; } -.chat-response { margin: 5px; } -.chat-log-message { color: $fg_color; } -.chat-new-group { padding-top: 1em; } -.chat-received { - padding-left: 4px; - &:rtl { padding-left: 0px; padding-right: 4px; } -} - -.chat-sent { - padding-left: 18pt; - color: $alt_fg_color; - &:rtl { padding-left: 0; padding-right: 18pt; } -} - -.chat-meta-message { - padding-left: 4px; - @include font(caption); - color: $hint_fg_color; - &:rtl { padding-left: 0; padding-right: 4px; } -} - -//hotplug -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; - @extend %bubble_button; - &:focus { padding: 1px 71px 1px 11px; } -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { spacing: 8px; } - -.hotplug-resident-mount { - spacing: 8px; - border-radius: $bt_radius; - &:hover { background-color: $divider_color; } - &:active { background-color: $track_color; } -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: $bt_radius; - color: $fg_color; -} diff --git a/src/sass/gnome-shell/widgets/_notifications.scss b/src/sass/gnome-shell/widgets/_notifications.scss deleted file mode 100644 index a9ea1944..00000000 --- a/src/sass/gnome-shell/widgets/_notifications.scss +++ /dev/null @@ -1,67 +0,0 @@ -// NOTIFICATIONS & MESSAGE TRAY - -.url-highlighter { link-color: $link_color; } - -// Banners -.notification-banner { - font-size: 1em; - width: 34em; - min-height: $menuitem_size * 2; - margin: 5px; - border-radius: $bt_radius; - color: $fg_color; - background-color: rgba($base_color, 0.92); - border: none; - box-shadow: 0 3px 8px rgba(black, 0.25); - - &:hover { background-color: rgba($base_color, 0.95); } - &:focus { background-color: $base_color; } - - .notification-icon { padding: 5px; } - .notification-content { padding: 5px; spacing: 5px; } - .secondary-icon { icon-size: em(16px); } - .notification-actions { - background-color: transparent; - padding-top: 0; - border-top: 1px solid $borders_color; - spacing: 1px; - } - - .notification-button { - min-height: 40px; - padding: 0 16px; - background-color: transparent; - color: $alt_fg_color; - font-weight: 500; - border-width: 0; - - &:first-child { border-radius: 0 0 0 $bt_radius; } - - &:last-child { border-radius: 0 0 $bt_radius 0; } - - &:only-child, &:first-child:last-child { border-radius: 0 0 $bt_radius $bt_radius; } - - &:focus { - background-color: transparent; - color: $alt_fg_color; - box-shadow: inset 0 0 0 2px $divider_color; - } - - &:hover, &:focus:hover { - background-color: $divider_color; - color: $fg_color; - box-shadow: none; - } - - &:active { - background-color: $track_color; - color: $fg_color; - } - } -} - -// Eeeky things -.magnifier-zoom-region { - border: 2px solid $primary_color; - &.full-screen { border-width: 0; } -} diff --git a/src/sass/gnome-shell/widgets/_osd.scss b/src/sass/gnome-shell/widgets/_osd.scss deleted file mode 100644 index 34ead21e..00000000 --- a/src/sass/gnome-shell/widgets/_osd.scss +++ /dev/null @@ -1,48 +0,0 @@ -// OSD -.osd-window { - @extend %osd-panel; - text-align: center; - font-weight: bold; - spacing: 1em; - margin: 32px; - min-width: 64px; - min-height: 64px; - - .osd-monitor-label { @include font(display-2); } - - .level { - height: 4px; - border-radius: 3px; - background-color: rgba(black, 0.1); - color: $fg_color; - - // For >= 3.29.90 - -barlevel-height: 4px; - // FIXME: above 'background-color' property rendered correct trough - // colour already, so keep -background-color style-property transparent - -barlevel-background-color: rgba(black, 0.1); - -barlevel-active-background-color: $selected_bg_color; - -barlevel-overdrive-color: $destructive_color; - -barlevel-overdrive-separator-width: 2px; - -barlevel-border-width: 0; - -barlevel-border-color: rgba(black, 0.15); - } - - .level-bar { - background-color: white; - border-radius: 16px; - } -} - -// Pad OSD -.pad-osd-window { - padding: 32px; - background-color: $dark_bg_color; - - .pad-osd-title-box { spacing: 12px; } - .pad-osd-title-menu-box { spacing: 6px; } -} - -.combo-box-label { - width: 15em; -} diff --git a/src/sass/gnome-shell/widgets/_overview.scss b/src/sass/gnome-shell/widgets/_overview.scss deleted file mode 100644 index a9bb6561..00000000 --- a/src/sass/gnome-shell/widgets/_overview.scss +++ /dev/null @@ -1,172 +0,0 @@ -#overview { - spacing: 24px; - StScrollBar { @extend %overview_scrollbar; } -} - -.overview-controls { - padding-bottom: 32px; -} - -.window-picker { //container around window thumbnails - -horizontal-spacing: 16px; - -vertical-spacing: 16px; - padding: 0 16px 32px; - spacing: 12px; - - &.external-monitor { padding: 16px; } -} - -.window-clone-border { - border: 4px solid $light_track_color; - border-radius: $bt_radius; - // For window decorations with round corners we can't match - // the exact shape when the window is scaled. So apply a shadow - // to fix that case - box-shadow: inset 0 0 0 1px $light_track_color; -} - -.window-caption { - spacing: 25px; - color: $light_alt_fg_color; - background-color: $dark_bg_color; - border-radius: $bt_radius; - padding: 4px 8px; - border: none; - font-weight: normal; - @include font(body); -} - -//search entry -%search-entry, .search-entry { - width: 320px - 8px * 2; - padding: 0 8px; - border: none; - color: $light_hint_fg_color; - caret-color: $light_alt_fg_color; - selection-background-color: $light_track_color; - selected-color: $light_alt_fg_color; - @include search_entry(normal, $fc:$light_track_color); - - &:focus { - @include search_entry(focus, $fc:$light_alt_fg_color); - padding: 0 8px; - border: none; - color: $light_alt_fg_color; - } - - .search-entry-icon { - icon-size: 16px; - padding: 0 0; - color: $light_hint_fg_color; - } - - &:hover, &:focus { - .search-entry-icon { color: $light_alt_fg_color; } - } - - &:insensitive { - border: none; - color: $light_disabled_fg_color; - } - - StLabel.hint-text { - color: $light_hint_fg_color; - } -} - -//search results - -// #searchResultsBin { -// max-width: 1000px; -// } - -#searchResultsContent { - max-width: 1000px; - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { // This should be equal to #searchResultsContent spacing - spacing: 16px; - - .search-section-separator { - height: 1px; - background-color: $light_divider_color; - } -} - -.search-section-content { // This is the space between the provider icon and the results container - spacing: 32px; - border-radius: 0; - border: none; - box-shadow: none; - background: none; - text-shadow: none; - color: $light_alt_fg_color; -} - -.search-statustext { // "no results" - @extend %status_text; -} - -// search result provider -.search-provider-icon { - @extend %app-well-app; - - // content - .list-search-provider-content { - spacing: 12px; - - // provider labels - .list-search-provider-details { - width: 120px; - margin-top: 0; - color: $light_hint_fg_color; - // font-weight: bold; - } - } -} - -.list-search-results { spacing: 3px; } - -.list-search-result-content { spacing: 30px; } -.list-search-result-title { @include font(subheading); color: $light_alt_fg_color; spacing: 12px; } -.list-search-result-description { color: $light_alt_fg_color; } -.list-search-provider-details { width: 150px; color: $light_alt_fg_color; margin-top: 0.24em; } -.list-search-provider-content { spacing: 20px; } -.search-provider-icon { padding: 15px; } - - -// Window Cycler -.cycler-highlight { border: 4px solid $primary_color; } - -// Workspace Switcher -.workspace-switcher-group { padding: 8px; } - -.workspace-switcher-container { - @extend %osd-panel; -} - -.workspace-switcher { - background: transparent; - border: 0px; - border-radius: 0px; - padding: 0px; - spacing: 8px; -} - -.ws-switcher-active-up, .ws-switcher-active-down { - height: 48px; - background-color: $primary_color; - color: $light_alt_fg_color; - background-size: 32px; - border-radius: $bt_radius; -} - -.ws-switcher-box { - height: 48px; - border: none; - background: $divider_color; - border-radius: $bt_radius; -} diff --git a/src/sass/gnome-shell/widgets/_panel.scss b/src/sass/gnome-shell/widgets/_panel.scss deleted file mode 100644 index 6f7e71ad..00000000 --- a/src/sass/gnome-shell/widgets/_panel.scss +++ /dev/null @@ -1,208 +0,0 @@ -@if $trans == 'true' { $panel_bg: if($variant == 'light', rgba(white, $panel_opacity), rgba(black, $panel_opacity)); } -$shell_panel_bg: if($trans == 'true', $panel_bg, rgba($panel_bg, 0.95)); - -#panel { - background-color: $shell_panel_bg; - /* transition from solid to transparent */ - transition-duration: 250ms; - font-weight: bold; - height: $menuitem_size; - box-shadow: 0 5px 16px rgba(black, 0.35); - color: $panel_fg; - - &:overview, - &.unlock-screen, - &.login-screen, - &.lock-screen { - background-color: if($trans == 'false' and $variant == 'light', transparent, transparent); - - StLabel, StIcon { color: $light_alt_fg_color; } - - .panel-button { - &:hover { - color: $light_fg_color; - background-color: $light_divider_color; - } - - &:active, &:overview, &:focus, &:checked { - &, &:hover { - color: $light_fg_color; - background-color: $light_track_color; - } - } - } - - .panel-corner { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; - } - } - - #panelLeft, #panelCenter { // spacing between activities<>app menu and such - spacing: 0; - } - - .panel-corner { - -panel-corner-radius: $panel-corner-radius; - -panel-corner-background-color: $shell_panel_bg; - -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; - - &:active, &:overview, &:focus { - -panel-corner-border-color: $panel_fg; - } - - &.lock-screen, &.login-screen, &.unlock-screen { - -panel-corner-radius: 0; - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; - } - - StLabel { padding: 0 4px; } - } - - .panel-button { - -natural-hpadding: 8px; - -minimum-hpadding: 8px; - font-weight: bold; - color: $panel_fg; - transition-duration: $longer_duration; - border-radius: $bt_radius; - // margin-top: 2px; - // margin-bottom: 2px; - - StLabel { padding: 0 2px; } - - &, &:hover, &:active, &:overview, &:focus, &:checked { - text-shadow: $panel_asset_shadow; - - .system-status-icon, - .app-menu-icon > StIcon, - .popup-menu-arrow { - icon-shadow: $panel_asset_shadow; - } - } - - .app-menu-icon { - -st-icon-style: symbolic; - margin-left: 0; - margin-right: 0; - icon-size: 16px; - //dimensions of the icon are hardcoded - - > StIcon { - padding-left: 4px; - padding-right: 6px; - } - } - - .popup-menu-arrow { width: 0; height: 0; } // Remove arrow on panel button - - &:hover { - color: $panel_fg; - background-color: if($trans == 'false' and $variant == 'light', $divider_color, $light_divider_color); - } - - &:active, &:overview, &:focus, &:checked { - &, &:hover { - background-color: if($trans == 'false' and $variant == 'light', $track_color, $light_track_color); - color: $panel_fg; - box-shadow: none; - } - } - - .system-status-icon { icon-size: em(16px); padding: 0 4px; } - - .unlock-screen &, - .login-screen &, - .lock-screen & { - color: $panel_fg; - &:focus, &:hover, &:active { color: $panel_fg; } - } - } - - .panel-button.clock-display { - &:active, &:overview, &:focus, &:checked { - .clock { - background: none; - box-shadow: none; - } - } - } - - .panel-status-indicators-box, - .panel-status-menu-box { - spacing: 2px; - } - - // spacing between power icon and (optional) percentage label - .power-status.panel-status-indicators-box { - spacing: 0; - } - - .screencast-indicator { color: $error_color; } - .remote-access-indicator { color: $warning_color; } // > 3.29.4 - - &.solid { - background-color: $panel_bg; - /* transition from transparent to solid */ - transition-duration: 250ms; - background-gradient-direction: none; // for Ubuntu session - text-shadow: none; // for Ubuntu session - - &:overview { background-color: transparent; } // for Ubuntu session - - .panel-corner { - -panel-corner-background-color: $panel_bg; - } - - .panel-button { - color: $panel_fg; - text-shadow: none; - - &:active, &:overview, &:focus, &:checked { - color: $light_alt_fg_color; - text-shadow: 0 1px rgba(black, 0.45); - } - } - - .system-status-icon, - .app-menu-icon > StIcon, - .popup-menu-arrow { - icon-shadow: none; - - &:active, &:overview, &:focus, &:checked { - icon-shadow: 0 1px rgba(black, 0.45); - } - } - } -} - -// Activities button -#panel #panelActivities.panel-button { - > * { - background-image: url("assets/activities.svg"); - background-position: center top; - // background-size: 18px 18px; - width: 24px; - height: 24px; - background-color: transparent !important; - background-gradient-direction: none !important; - border: none; - color: transparent; - } - - &:active, &:overview, &:focus, &:checked { - background-color: transparent; - border: none; - - // > * { background-image: url("assets/activities-active.svg"); } - } - - @if $variant == 'light' and $black == 'true' { - &:overview { - > * { background-image: url("assets/activities-white.svg"); } - } - } -} diff --git a/src/sass/gnome-shell/widgets/_popovers.scss b/src/sass/gnome-shell/widgets/_popovers.scss deleted file mode 100644 index c8656675..00000000 --- a/src/sass/gnome-shell/widgets/_popovers.scss +++ /dev/null @@ -1,281 +0,0 @@ -$popop_menuitem_radius: $wm_radius - 4px; - -.popup-menu { - min-width: 12em; - color: $alt_fg_color; - padding: 0 0 !important; - - .popup-menu-arrow { } //defined globally in the TOP BAR - - .popup-menu-content { - padding: 6px 0 !important; - @extend %theme_dialogs; - box-shadow: 0 8px 16px 0 rgba(black, 0.25); - border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75)); - margin: 4px 8px !important; - } - - .popup-menu-item { - spacing: 12px; - padding-top: 6px !important; - padding-bottom: 6px !important; - color: $alt_fg_color; - text-shadow: none; - border-radius: $popop_menuitem_radius; - margin: 0 6px; - transition-duration: 0ms; - - &:ltr { padding-right: 2em !important; padding-left: 0 !important; } - &:rtl { padding-right: 0 !important; padding-left: 2em !important; } - - &:checked { - font-weight: normal; - border-radius: $popop_menuitem_radius $popop_menuitem_radius 0 0; - border: none; - box-shadow: none; - color: $alt_fg_color; - background-color: if($variant == 'light', rgba(white, 0.75), rgba(white, 0.15)); - - &.hover, &.selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:active { - color: $selected_fg_color; - background-color: mix($fg_color, $selected_bg_color, 5%); - } - - &:insensitive { color: $disabled_fg_color; } - } - - &.selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - transition: none; - } - - &:active, &.selected:active { - color: $selected_fg_color; - background-color: mix($fg_color, $selected_bg_color, 5%); - transition-duration: 100ms; - } - - &:insensitive { color: $disabled_fg_color; } - } - - .popup-sub-menu { - background-color: if($variant == 'light', rgba(white, 0.75), rgba(white, 0.15)); - border-radius: 0 0 $popop_menuitem_radius $popop_menuitem_radius; - border: none; - box-shadow: none; - margin: 0 6px; - transition-duration: 0ms; - - .popup-menu-item { - margin: 0; - border-radius: $popop_menuitem_radius; - - &:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:active { - color: $selected_fg_color; - background-color: mix($fg_color, $selected_bg_color, 5%); - } - - &:not(:first-child):last-child { - border-radius: 0 0 $popop_menuitem_radius $popop_menuitem_radius; - } - } - } - - .popup-inactive-menu-item { //all icons and other graphical elements - color: $alt_fg_color; - - &:insensitive { color: $disabled_fg_color; } - } - - //.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is - &.panel-menu { - -boxpointer-gap: 4px; - margin-bottom: 1.75em; - } -} - -.popup-menu-ornament { - text-align: right; - width: 16px; - height: 16px; -} - -.popup-menu-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: transparent; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 64px; - -arrow-rise: 0; - -arrow-box-shadow: none; //dreaming. bug #689995 - background: transparent; // needs to reset? - - StEntry { - selection-background-color: $light_alt_fg_color; - selected-background-color: $light_alt_fg_color; - selected-color: $primary_color; - } -} - -.candidate-popup-boxpointer { - -arrow-border-radius: 2px; - -arrow-background-color: $dialog_bg_color; - -arrow-border-width: 0; - -arrow-border-color: transparent; - -arrow-base: 5px; - -arrow-rise: 5px; - background-color: transparent; - @extend %theme_dialogs; -} - -.popup-separator-menu-item { - margin: 0 0; - padding: 0 0; - background: none; - border: none; - - .popup-separator-menu-item-separator { - height: 1px; //not really the whole box - margin: 0 0; - background-color: $borders_color; - padding: 0 0; - - .popup-sub-menu & { //submenu separators - padding: 0 0; - margin: 0 32px 0 0; - } - } -} - -// a little unstructured mess: -.system-switch-user-submenu-icon.user-icon { - icon-size: 20px; - padding: 0 2px; -} - -.system-switch-user-submenu-icon.default-icon { - icon-size: 16px; - padding: 0 4px; -} - -.system-switch-user-submenu-icon { - icon-size: 16px; - padding: 0 4px; -} - -#appMenu { - spinner-image: url("process-working.svg"); - spacing: 4px; - - .label-shadow { color: transparent; } -} - -// system status popover menu -.aggregate-menu { - min-width: 21em; - - // lock screen, shutdown, etc. buttons - .popup-menu-icon { - padding: 0; - margin: 0 0; - -st-icon-style: symbolic; - } - - .popup-sub-menu .popup-menu-item > :first-child { - &:ltr { /* 12px spacing + 2*4px padding */ - padding-left: 16px; margin-left: 1em; } - &:rtl { /* 12px spacing + 2*4px padding */ - padding-right: 16px; margin-right: 1em; } - } -} - -.system-menu-action { - color: $alt_fg_color; - border-radius: 100px; /* wish we could do 50% */ - padding: ($large_size - 20px) / 2; - border: none; - -st-icon-style: symbolic; // >= 3.29.90 - - &:hover, &:focus { - background-color: $divider_color; - color: $fg_color; - border: none; - padding: ($large_size - 20px) / 2; - } - - &:active { background-color: $track_color; color: $fg_color; } - - & > StIcon { icon-size: 16px; } -} - -// Background menu -.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; } - -// not really top bar only -.popup-menu-arrow, -.popup-menu-icon { icon-size: em(16px); } - -// emoji -.emoji-page { - .keyboard-key { - background-color: transparent; - border: none; - color: initial; - } -} - -.emoji-panel { - .keyboard-key:latched { - border-color: lighten($primary_color, 5%); - background-color: $primary_color; - } -} - -// IBus Candidate Popup -.candidate-popup-content { - padding: 8px; - spacing: 0; -} - -.candidate-index { - padding: 0 4px 0 0; - color: $hint_fg_color; - .candidate-box:selected & { color: $light_hint_fg_color; } -} - -.candidate-box { - transition-duration: 0ms; // FIXME: needs more natural transitions - min-height: $menuitem_size; - padding: 0 8px; - border-radius: $bt_radius; - &:hover { background-color: $divider_color; color: $fg_color; } - &:active { background-color: $track_color; color: $fg_color; } - &:selected { background-color: $primary_color; color: $light_alt_fg_color; } -} - -.candidate-page-button-box { - height: $menuitem_size; - .vertical & { padding-top: 0; } - .horizontal & { padding-left: 0; } -} - -.candidate-page-button { - min-width: $menuitem_size; - min-height: $menuitem_size; - padding: 0; -} - -.candidate-page-button-previous { border-radius: $bt_radius; border-right-width: 0; } -.candidate-page-button-next { border-radius: $bt_radius; } -.candidate-page-button-icon { icon-size: em(16px); } diff --git a/src/sass/gnome-shell/widgets/_screen-shield.scss b/src/sass/gnome-shell/widgets/_screen-shield.scss deleted file mode 100644 index 2535f3b5..00000000 --- a/src/sass/gnome-shell/widgets/_screen-shield.scss +++ /dev/null @@ -1,132 +0,0 @@ -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: $shadow_1; -} - -.screen-shield-clock { - color: white; - text-shadow: $shadow_1; - font-weight: normal; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - @include font(display-4); - text-shadow: $shadow_1; -} - -.screen-shield-clock-date { @include font(display-2); } - -.screen-shield-notifications-container { - spacing: 6px; - width: 30em; - background-color: transparent; - max-height: 500px; - .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; - } - - .notification, - .screen-shield-notification-source { - padding: 8px; - border: none; - background-color: $alt_dark_bg_color; - color: $light_alt_fg_color; - border-radius: $bt_radius; - } - .notification { margin-right: 16px; } //compensate for space allocated to the scrollbar -} - - -.screen-shield-notification-label { - min-height: $small_size - 2px; - padding: 2px 0px 0px 16px; - font-weight: bold; -} - -.screen-shield-notification-count-text { - min-height: $small_size - 2px; - padding: 2px 0px 0px 16px; - color: $light_alt_fg_color; -} - -#panel.lock-screen { background-color: $alt_dark_bg_color; } - -.screen-shield-background { //just the shadow, really - background: black; - box-shadow: 0 2px 3px 0 rgba(black, 0.15); -} - -#screenShieldNotifications { - StScrollBar { @extend %overview_scrollbar; } -} - -// unlock-dialog -.unlock-dialog-clock { - color: white; - font-weight: 300; - text-align: center; - spacing: 24px; - padding-bottom: 2.5em; -} - -.unlock-dialog-clock-time { - font-size: 64pt; - padding-top: 42px; - font-feature-settings: "tnum"; -} - -.unlock-dialog-clock-date { - font-size: 16pt; - font-weight: normal; -} - -.unlock-dialog-clock-hint { - font-weight: normal; - padding-top: 48px; -} - -.unlock-dialog-notifications-container { - margin: 12px 0; - spacing: 6px; - width: 23em; - background-color: transparent; - - .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; - } - - .notification, - .unlock-dialog-notification-source { - padding: 12px 6px; - border: none; - background-color: $dark_bg_color; - color: $light_fg_color; - border-radius: $bt_radius; - - &.critical { background-color: $alt_dark_bg_color; } - } -} - -.unlock-dialog-notification-label { - padding: 0px 0px 0px 12px; -} - -.unlock-dialog-notification-count-text { - weight: bold; - padding: 0 6px; - color: white; - background-color: $primary_color; - border-radius: 99px; - margin-right: 12px; -} diff --git a/src/sass/gnome-shell/widgets/_scrollbar.scss b/src/sass/gnome-shell/widgets/_scrollbar.scss deleted file mode 100644 index d04540f7..00000000 --- a/src/sass/gnome-shell/widgets/_scrollbar.scss +++ /dev/null @@ -1,28 +0,0 @@ -StScrollView { - &.vfade { -st-vfade-offset: 32px; } - &.hfade { -st-hfade-offset: 32px; } -} - -StScrollBar { - padding: 0; - - StScrollView & { - min-width: 16px; - min-height: 6px; - } - - StBin#trough { - margin: 6px; - border-radius: 100px; - background-color: $divider_color; - } - - StButton#vhandle, StButton#hhandle { - border-radius: 100px; - background-color: $hint_fg_color; - //border: 4px solid transparent; //would be nice to margin or at least to transparent - margin: 6px; - &:hover { background-color: $alt_fg_color; } - &:active { background-color: $fg_color; } - } -} diff --git a/src/sass/gnome-shell/widgets/_slider.scss b/src/sass/gnome-shell/widgets/_slider.scss deleted file mode 100644 index 7e829aea..00000000 --- a/src/sass/gnome-shell/widgets/_slider.scss +++ /dev/null @@ -1,32 +0,0 @@ -$slider_color: if($variant == 'light', white, white); -$barlevel_bg_color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); -$barlevel_active_bg_color: if($variant == 'light', white, rgba(white, 0.35)); -$barlevel_boder_color: if($variant == 'light', rgba(black, 0.15), transparent); - -.slider { - height: 20px; - color: $slider_color; - border-radius: 16px; - - -slider-height: 19px; - -slider-background-color: $barlevel_bg_color; //background of the trough - -slider-border-color: $barlevel_boder_color; //trough border color - -slider-active-background-color: $barlevel_active_bg_color; //active trough fill - -slider-active-border-color: $barlevel_boder_color; //active trough border - -slider-border-width: 1px; - -slider-handle-radius: 10px; - -slider-handle-border-width: 1px; - -slider-handle-border-color: $barlevel_boder_color; - - // barlevels are for >= 3.29.90 - -barlevel-height: 19px; - -barlevel-background-color: $barlevel_bg_color; - -barlevel-border-color: $barlevel_boder_color; - -barlevel-active-background-color: $barlevel_active_bg_color; - -barlevel-active-border-color: $barlevel_boder_color; - -barlevel-overdrive-color: $destructive_color; - -barlevel-overdrive-border-color: $barlevel_boder_color; - -barlevel-overdrive-separator-width: 0; - -barlevel-border-width: 1px; - -barlevel-border-color: $barlevel_boder_color; -} diff --git a/src/sass/gnome-shell/widgets/_switch.scss b/src/sass/gnome-shell/widgets/_switch.scss deleted file mode 100644 index c496f6b2..00000000 --- a/src/sass/gnome-shell/widgets/_switch.scss +++ /dev/null @@ -1,21 +0,0 @@ -.toggle-switch { - width: 40px; - height: 24px; - background-size: contain; - background-image: url("assets/toggle-off.svg"); - - &:checked { background-image: url("assets/toggle-on.svg"); } - - .popup-menu-item.selected & { - background-image: url("assets/toggle-off.svg"); - - &:checked { background-image: url("assets/toggle-on.svg"); } - } -} - -@each $v in us, intl { - .toggle-switch-#{$v} { - background-image: url("assets/toggle-off.svg"); - &:checked { background-image: url("assets/toggle-on.svg"); } - } -} diff --git a/src/sass/gtk/_applications.scss b/src/sass/gtk/_applications.scss deleted file mode 100644 index 213dd12c..00000000 --- a/src/sass/gtk/_applications.scss +++ /dev/null @@ -1,3844 +0,0 @@ - -@if $trans == 'true' { $panel_bg: if($variant == 'light', rgba(white, $panel_opacity), rgba(black, $panel_opacity)); } - -// -// GNOME Terminal, MATE Terminal -// -.mate-terminal { - notebook { - > header.top { - > tabs > tab { - border-top: 1px solid transparent; - } - } - } -} - -terminal-window { - &.background.csd { - border-radius: 0 0 0 0; - } - - decoration { - border-radius: $wm_radius $wm_radius 0 0; - } - - notebook { - button.flat.toggle.popup { - min-height: 28px; - min-width: 28px; - margin: -2px; - } - } - - // &.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization -} - -window.background.csd { // gnome-terminal 3.32 setting - > box.vertical > box.horizontal > frame { - > border { - border-width: 0 1px 0 0; - } - - > scrolledwindow > viewport.frame { - list { - border-bottom-left-radius: $wm_radius; - } - } - } - - > box.vertical > box.horizontal > stack { - > widget > notebook.frame { - border-width: 0; - - > stack { - border-bottom-right-radius: $wm_radius; - } - } - } -} - -// -// Nautilus -// - -$nautilus_radius: $wm_radius + 2px; -$nautilus_sidebar_size: $sidebar_size_default; -$nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) ($nautilus_sidebar_size + 1px), - $base_color ($nautilus_sidebar_size + 1px), - $base_color 100%); - -$nautilus_sidebar_image: linear-gradient(90deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg $nautilus_sidebar_size, - transparent $nautilus_sidebar_size, - transparent 100%); - -$nautilus_background_image: linear-gradient(90deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) $nautilus_sidebar_size, - darken($dark_sidebar_bg, 12%) ($nautilus_sidebar_size + 1px), - $base_color ($nautilus_sidebar_size + 1px), - $base_color 100%); - -filechooser, -.nautilus-window { - paned > separator { // Use paned separator to hide stack border-bottom-left-radius - border: none; - background-color: transparent; - background-image: image($base_color); - background-size: $wm_radius $wm_radius; - background-position: left bottom; - background-repeat: no-repeat; - - &:dir(ltr) { margin-left: -1px; } - &:dir(rtl) { margin-right: -1px; } - - &:hover { - background-image: image($borders_color); - background-size: 2px 100px; - background-position: center center; - } - } -} - -.nautilus-window { - &.background.csd { - border-radius: 0 0 $wm_radius $wm_radius; - background-color: transparent; - background-image: $nautilus_background_image; - - > headerbar.titlebar { - border: none; - box-shadow: inset 0 1px rgba(white, 0.1); - background: none; - background-image: $nautilus_header_image; - - > .linked.raised > button:first-child { margin-left: $nautilus_sidebar_size - 80px; } - - @if $trans == 'false' { - > box.left.horizontal { - background-image: linear-gradient(0deg, $dark_sidebar_bg 0%, - $dark_sidebar_bg 95%, - transparent 95%, - transparent 100%); - } - } - } - - > grid.horizontal > paned.horizontal > box.vertical > placessidebar { - border-bottom-left-radius: $wm_radius; - } - } - - headerbar { - .path-bar-box { - color: transparent; - background: none; - padding: 0 12px; - - .linked.nautilus-path-bar { // for ≥ 3.31.90 - > button:not(:only-child):last-child { - @include button(header-checked); - } - } - - // workaround for 3.30.1 - &.background.frame { - border: none; - background-color: transparent; - } - } - } - - paned > separator { - background-image: none; - background-size: 0 0; - min-width: 0; - min-height: 0; - } - - placessidebar.sidebar { - margin-bottom: $wm_radius; - border: none; - min-width: $nautilus_sidebar_size; - background-color: transparent; - background-image: if($trans == 'true', none, $nautilus_sidebar_image); - - row.sidebar-row { - color: $dark_sidebar_fg; - background-color: transparent; - transition: background-image 0; - - .sidebar-icon { color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color, 20%)); } - - &.has-open-popup, - &:disabled { - &, label, image { color: transparentize($dark_sidebar_fg, 0.6); } - } - - &:backdrop { opacity: 0.85; } - - &:hover { - transition: background-image 0; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: $nautilus_sidebar_size 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-hover-#{$nautilus_sidebar_size}#{$asset_suffix}.png"), - url("assets/sidebar-view-hover-#{$nautilus_sidebar_size}#{$asset_suffix}@2.png")); - } - - &:active, &:active:hover { - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-color: transparent; - background-position: left center; - background-size: $nautilus_sidebar_size 28px; - background-image: -gtk-scaled(url("assets/sidebar-view-active-#{$nautilus_sidebar_size}#{$asset_suffix}.png"), - url("assets/sidebar-view-active-#{$nautilus_sidebar_size}#{$asset_suffix}@2.png")); - } - - &:selected.has-open-popup, - &:selected, &:selected:hover { - color: $fg_color; - transition: background-image ease-out 200ms; - background-repeat: no-repeat; - background-position: left center; - background-size: $nautilus_sidebar_size 28px; - background-color: transparent; - background-image: -gtk-scaled(url("assets/sidebar-view-checked-#{$nautilus_sidebar_size}#{$asset_suffix}.png"), - url("assets/sidebar-view-checked-#{$nautilus_sidebar_size}#{$asset_suffix}@2.png")); - - &, label { color: $fg_color; } - } - - &.sidebar-new-bookmark-row { - color: $selected_bg_color; - - .sidebar-icon { color: inherit; } - } - - &:drop(active):not(:disabled) { - &, label, .sidebar-icon { color: $dark_sidebar_fg; } - - &:selected { - &, label, .sidebar-icon { color: $dark_sidebar_fg; } - background-color: $drop_target_color; - } - } - } - - separator { background-color: transparent; } - - scrollbar { - background: none; - border: none; - - &.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: rgba(lighten($dark_sidebar_fg, 15%), 0.35); - border: none; - } - - slider { - min-width: 4px; - background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); - - &:hover { background-color: lighten($dark_sidebar_fg, 20%); } - - &:hover:active { background-color: $header_button_checked_bg; } - - &:disabled { - background-color: transparent; - } - } - - trough { - background-color: transparent; - } - } - } - - notebook { - margin-left: -1px; - margin-right: -1px; - - &.background.csd { background-color: transparent; } - - tab { margin-left: -1px; } - - scrolledwindow { - .view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - } - } - - &, > stack { - border-radius: 0 0 $nautilus_radius $nautilus_radius; - } - - > stack { - background-color: $base_color; - } - - > stack:not(:only-child) { - searchbar { background-color: transparent; } - } - - infobar { - margin: 6px 10px 10px 6px; - border-radius: $wm_radius; - box-shadow: $shadow_5; - padding: 0 6px; - } - } - - // Floating Bar - .floating-bar { - padding: 2px; - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: $wm_radius - 6px; - margin: 6px; - box-shadow: $shadow_5; - - button { - border: none; - border-radius: 100px; - min-height: 0; - min-width: 0; - padding: 0; - margin-right: 6px; - -gtk-icon-shadow: none; - @extend %selected-button; - } - } - - // Reset maximized nautilus-window border-radius - // &.maximized { - // notebook { &, > stack { border-radius: 0; } } - // headerbar, placessidebar { border-radius: 0; } - // } - - placesview { - row.activatable { - border-radius: $bt_radius; - margin-right: 6px; - } - - actionbar.background { - background-color: $menu_bg; - margin: 6px; - border-radius: $wm_radius - 6px; - box-shadow: $shadow_5, inset 0 1px $highlight_color; - border: none; - } - } -} - -.nautilus-canvas-item { border-radius: 5px; } - -// .view.nautilus-desktop, -%nautilus-desktop-canvas-item, -.nautilus-desktop.nautilus-canvas-item { - color: white; - text-shadow: 1px 1px transparentize(black, 0.4); - - &:active { - color: white; - } - - &:selected { - color: $selected_fg_color; - text-shadow: none; - } -} - -.nautilus-canvas-item.dim-label, -.nautilus-list-dim-label { - color: mix($fg_color, $bg_color, 50%); - - &:selected, - &:selected:focus { - color: mix($selected_fg_color, $selected_bg_color, 80%); - } -} - -.nautilus-list-view { - background-color: $base_color; - border-radius: 0 0 $wm_radius $wm_radius; - - treeview.view:not(:hover):not(:active):not(:selected) { - background-color: transparent; - border-radius: 0; - // @extend %view; - } -} - -button.nautilus-circular-button.image-button { - @extend %circular_button; -} - -$disk_space_unknown: transparentize($fg_color, 0.5); -$disk_space_used: transparentize($selected_bg_color, 0.2); -$disk_space_free: darken($bg_color, 3%); - -.disk-space-display { - border-style: solid; - border-width: 1px; - - &.unknown { - background-color: $disk_space_unknown; - border-color: darken($disk_space_unknown, 10%); - } - - &.used { - background-color: $disk_space_used; - border-color: darken($disk_space_used, 10%); - } - - &.free { - background-color: $disk_space_free; - border-color: darken($disk_space_free, 10%); - } -} - -@keyframes needs_attention_keyframes { - 0% { - @include button(header-hover); - } - - 100% { - @include button(header-active) - } -} - -.nautilus-operations-button-needs-attention { - animation: needs_attention_keyframes 2s ease-in-out; -} - -.nautilus-operations-button-needs-attention-multiple { - animation: needs_attention_keyframes 3s ease-in-out; - animation-iteration-count: 3; -} - -// Batch renaming dialog -.conflict-row.activatable { - &, &:active { - color: $light_fg_color; - background-color: $error_color; - } - - &:hover { - background-color: lighten($error_color, 10%); - } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -// -// Nemo -// -.nemo-desktop.nemo-canvas-item { - @extend %nautilus-desktop-canvas-item; -} - -.nemo-window { - .nemo-places-sidebar { - &.frame { border-width: 0; } - - .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: $dark_solid_borders_color; - -NemoPlacesTreeView-disk-full-fg-color: lighten($progress_color, 5%); - } - } - - .sidebar { - color: $dark_sidebar_fg; - background-color: $dark_sidebar_bg; - - scrolledwindow.frame { border: none; } // Removed treeview double borders - - .view, row { - background-color: transparent; - color: $dark_sidebar_fg; - @extend %row_activatable; - - &.cell:selected { - color: $fg_color; - background-color: $sidebar_theme_color; - } - - &.expander { - color: mix($dark_sidebar_fg, $dark_sidebar_bg, 50%); - - &:hover { color: $dark_sidebar_fg; } - } - } - } - - paned > separator { background-image: image($solid_borders_color); } - - notebook { - background-color: $base_color; - } - - // Rename entry - .nemo-window-pane { - widget.entry { - border: 2px solid if($variant =='light', $entry_highlight, $selected_bg_color); - background-color: $entry_bg; - border-radius: $bt_radius; - box-shadow: none; - - &:selected { - @extend %selected_items; - - &:focus { @extend %selected_items; } - } - } - - treeview.view { - &, &:selected { - entry { - color: $fg_color; - background-color: $base_color; - border-radius: $bt_radius; - } - } - } - } - - .toolbar { - > button { - margin-top: 2px; - margin-bottom: 2px; - @extend %flat_button; - } - } - - .primary-toolbar { - padding-top: 0; - padding-bottom: 0; - border: none; - color: $header_fg; - box-shadow: inset 0 -1px $borders_color; - background-color: $header_bg; - - button { - @extend %headerbar_buttons; - padding-top: 0; - padding-bottom: 0; - margin: 6px 1px; - } - - entry { - @extend %headerbar_entrys; - margin-top: 4px; - margin-bottom: 4px; - margin-left: 0; - margin-right: 0; - padding: 2px 10px; - } - - .linked.raised > button { - border-radius: $bt_radius; - } - - // Pathbar - .linked.path-bar { - > button, > button.image-button { - min-height: 0; - min-width: 0; - padding-top: 0; - padding-bottom: 0; - border-radius: $bt_radius; - } - } - } - - // Floating Bar - .floating-bar { - padding: 2px; - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 0; - border: none; - - &.bottom.left { - border-top-right-radius: $bt_radius; - } - - &.bottom.right { - border-top-left-radius: $bt_radius; - } - - button { - border: none; - border-radius: 3px; - min-height: 16px; - min-width: 16px; - -gtk-icon-shadow: none; - @extend %undecorated_button; - @extend %selected-button; - } - } -} - -// Cinnamon setting -.view.cs-category-view { border-bottom-right-radius: $wm_radius; } - - -// -// Gedit -// -window.org-gnome-gedit { - > paned.titlebar { - > headerbar { - // &:first-child { @extend %side_headerbar_left; } - // &:last-child { @extend %side_headerbar_right; } - - button.flat.toggle.popup:not(.image-button) { // left-pane header button - @extend %headerbar_buttons; - - box > .title { - padding: 0; // remove lateral padding - margin: -2px 0; - } - } - } - - > separator { @extend %side_separator; } - } - - > overlay > box.vertical { - > paned.gedit-side-panel-paned { - > separator { @extend %side_separator; } - - // 'file-browser' pane - > box.vertical > stack > grid.horizontal { - > box.horizontal { // header-part - margin: 4px 0; - } - - > scrolledwindow { // raised widget - border-bottom-left-radius: $wm_radius; - - treeview.view:not(:hover):not(:selected) { - background: none; - } - } - } - - // 'files' pane - stack { - scrolledwindow { - viewport.frame { - list.gedit-document-panel { - background: none; - } - } - } - } - } - } -} - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: $base_color; // disable borders, making them transparent doesn't work for some reason - &:hover { - background-color: mix($fg_color, $base_color, 7%); - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - } -} - -.open-document-selector-name-label { color: $fg_color; } - -.open-document-selector-path-label { - color: mix($fg_color, $base_color, 50%); - font-size: smaller; - - &:selected { - color: transparentize($selected_fg_color, 0.1); - } -} - -.gedit-document-panel { // 'documents' pane - - row.activatable { padding: 6px 0; } - - row button { // 'close' button - min-width: 22px; - min-height: 22px; - padding: 0; - margin: 0 6px; - border-radius: 100px; - -gtk-outline-radius: 100px; - - image { - color: inherit; - } - } - - row:hover:not(:selected) button { - color: mix($bg_color, $fg_color, 35%); - - &:hover { - color: lighten(red, 15%); - } - &:active { - color: $fg_color; - } - } - - row:hover:selected button:hover { - color: lighten(red, 20%); - - &:active { - color: $selected_fg_color; - } - } -} - -.gedit-document-panel-dragged-row { - border: 1px solid $borders_color; - background-color: darken($bg_color, 10%); - color: $fg_color; -} - -.gedit-side-panel-paned statusbar { - border-top: 1px solid $borders_color; - background-color: $bg_color; - border-radius: 0 0 $wm_radius $wm_radius; - - frame > border { border: none; } -} - -.gedit-search-slider { - background-color: lighten($bg_color, 2%); - padding: 6px; - border-color: $borders_color; - border-radius: 0 0 $bt_radius $bt_radius; - border-width: 0 1px 1px 1px; - border-style: solid; -} - -.gedit-search-entry-occurrences-tag { - color: transparentize($fg_color, 0.4); - border: none; - margin: 2px; - padding: 2px; -} - -.gedit-map-frame { - border { - @if $variant=='light' { - border-color: transparentize(black, 0.7); - } - border-width: 0; - - &:dir(ltr) { - border-left-width: 1px; - } - &:dir(rtl) { - border-right-width: 1px; - } - } -} - -// -// Pluma -// -.pluma-window statusbar frame > border { - border: none; -} - -.pluma-window notebook > stack scrolledwindow { - border-width: 0 0 1px 0; -} - -#pluma-status-combo-button { - min-height: 0; - padding: 0; - - border-top: none; - border-bottom: none; - border-radius: 0; -} - -// -// Gnome Builder -// -// TODO: Merge this with the upstream stylesheet -.gb-search-entry-occurrences-tag { - background: none; -} - -editortweak .linked > entry.search:focus + .gb-linked-scroller { - border-top-color: $selected_bg_color; -} - -layouttab { - background-color: $base_color; -} - -layout { - border: 1px solid $borders_color; - -PnlDockBin-handle-size: 1; -} - -eggsearchbar box.search-bar { - border-bottom: 1px solid $borders_color; -} - -pillbox { - color: $selected_fg_color; - background-color: $selected_bg_color; - border-radius: 3px; - - &:disabled label { - color: transparentize($selected_fg_color, 0.5) - } -} - -docktabstrip { - padding: 0 6px; - - background-color: $bg_color; - border-bottom: 1px solid $borders_color; - - docktab { - min-height: 28px; - border: solid transparent; - border-width: 0 1px; - - label { - opacity: 0.5; - } - - &:checked, - &:hover { - label { - opacity: 1; - } - } - - &:checked { - border-color: $borders_color; - background-color: $base_color; - } - } -} - -dockbin { - border: 1px solid $borders_color; - -PnlDockBin-handle-size: 1; -} - -dockpaned { - border: 1px solid $borders_color; -} - -dockoverlayedge { - background-color: $bg_color; - - docktabstrip { - padding: 0; - border: none; - } - - &.left-edge tab:checked, - &.right-edge tab:checked { - border-width: 1px 0; - } -} - -popover.messagepopover { - &.background { - padding: 0; - } - - .popover-content-area { - margin: 16px; - } - .popover-action-area { - margin: 8px; - - button:not(:first-child):not(:last-child) { - margin: 0 4px; - } - } -} - -popover.popover-selector { - padding: 0; - - list { - row { - padding: 5px 0; - } - - row image { - margin-left: 3px; - margin-right: 10px; - } - } -} - -preferences stacksidebar.sidebar { - list { - background-image: _solid($base_color); - } - - list separator { - background-color: transparent; - } -} - -devhelppanel entry:focus, -symboltreepanel entry:focus { - border-color: $borders_color -} - -button.run-arrow-button { - min-width: 12px; -} - -omnibar.linked > entry:not(:only-child) { - margin-left: 1px; - margin-right: 1px; - @include entry(header-normal); - border-left: none; - - &:backdrop { - @include entry(header-normal); - // background-image: none; - - opacity: 0.65; - } -} - -entry.search.preferences-search { // preferences-search - box-shadow: none; - border: none; - border-right: 1px solid $borders_color; - border-bottom: 1px solid $borders_color; - border-radius: 0; - - &:focus { - box-shadow: none; - border-bottom: 1px solid $selected_bg_color; - } -} - -preferencesbin { - spinbutton { - border-radius: $bt_radius; - border: 1px solid $borders_color; - background-color: $bg_color; - - &:focus { border-color: $selected_bg_color; } - - entry, - entry:focus { border: none; box-shadow: none; } - - button { - border-width: 0 0 0 1px; - - // &:first-child { - // border-left: 1px solid $borders_color; - // } - } - } - - entry.search { margin: 2px; } -} - -dzlpreferencesview stacksidebar.sidebar { - border-bottom-left-radius: $wm_radius; - - > scrolledwindow > viewport.frame > list { - border-bottom-left-radius: $wm_radius; - } -} - -dzldockbin#buildui.buildui list.sidebar { - border-bottom-left-radius: $wm_radius; -} - -dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { - border-bottom-left-radius: $wm_radius; - - > dzldockpaned { - treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { - background: none; - } - } -} - -ideeditorutilities.bottom.pinned.dzldockbinedge { - border-bottom-right-radius: $wm_radius; -} - -gstyleslidein { - #scale_box, - #strings_controls, - #palette_controls, - #components_controls { - button.toggle:checked { - color: $fg_color; - } - } -} - -configurationview { - entry.flat { - background: none; - } - - list { - border-width: 0; - } -} - -dzldockbin actionbar { - border-radius: 0 0 $wm_radius $wm_radius; -} - -workbench.csd > stack.titlebar:not(headerbar) { - padding: 0; - background: none; - border: none; - box-shadow: none; - - headerbar { - &, - &:first-child, - &:last-child { - border-radius: $wm_radius $wm_radius 0 0; - } - } -} - -window.org-gnome-Builder.workspace { - > stack#titlebar_container.titlebar { - > headerbar > omnibar { - > .linked > entry { - min-height: 0; - - > overlay > box.horizontal > box.vertical.pan { - > button { - min-height: 0; - } - } - } - } - } - - > popover.dzlmenubutton { - > box.vertical > dzlmenubuttonsection.vertical { - > box.vertical > button.dzlmenubuttonitem { - color: $alt_fg_color; - - &:active, &:checked { - color: $fg_color; - background-color: rgba($fg_color, 0.25); - } - - > box.horizontal > box.horizontal { - > label.title { - color: $fg_color; - } - } - } - } - } -} - - -// -// Gnome-Logs -// -window.background > box.vertical box.horizontal { - list.categories { border-radius: 0 0 0 $wm_radius; } // side-pane - > box.vertical > scrolledwindow > viewport.frame > list { - row.event.activatable { // > 3.25.90 - color: $fg_color; - transition-duration: 0.1s; - &:hover, &:active { color: $fg_color; } - - label.compressed-entries-label { - // hard-coded background-color? - background-image: image($suggested_color); - color: $selected_fg_color; - font-weight: 700; - } - - &.compressed-row { - background-image: image(darken($bg_color, 3%)); - color: darken($fg_color, 20%); - transition-property: opacity, // exclude background-color - border-image, - background-image, - box-shadow; - &:hover { - background-image: image(mix($fg_color, $bg_color, 5%)); - color: $fg_color; - } - &:active { - &, &:focus { - background-image: image(mix($fg_color, $bg_color, 10%)); - color: $fg_color; - animation: none; - } - } - - &.popover-activated-row { - background-image: image($selected_bg_color); - color: $selected_fg_color; - } - - &-header { - background-image: image($base_color); // stop highlighting - color: $selected_bg_color; - &:hover { - background-image: image(mix($selected_bg_color, $base_color, 5%)); - } - &:active { - &, &:focus { - background-image: image(mix($selected_bg_color, $base_color, 10%)); - color: $selected_bg_color; - animation: none; - } - } - - label.compressed-entries-label { - background-image: image($selected_bg_color); - color: $selected_fg_color; - transition-duration: 0s; - } - } - } - } - } -} - -// -// Gnome-Usage -// - -// FIXME: why was 'adwaita.css' used for all user-themes? :/ -widget { - &#PROCESSOR, - &#MEMORY { - list { - row { - margin: -1px; // kill ugly parent borders - border: 1px solid $solid_borders_color; - - &.max { - color: $osd_bg_color; // enforce dark foreground - // FIXME: we can't override the salmon-pinky background - // background-image: image($destructive_color); - // border: 1px solid $destructive_color; - } - } - - // kill ugly separators - separator.list { - box-shadow: inset 0 0 0 1px $solid_borders_color; - } - } - } - - &#STORAGE { - list { - margin: -1px; // kill ugly borders - - row.activatable { - color: rgba($fg_color, 0.75); - &:hover, - &:active { color: rgba($fg_color, 0.75); } - } - - // kill ugly separators - separator.list { - box-shadow: inset 0 0 0 1px $solid_borders_color; - } - } - } - - &#PERFORMANCE { - searchbar { - box-shadow: inset 0 -2px $borders_color, inset 0 -1px $bg_color; // Removed double borders under headerbar - entry, button { margin-bottom: 2px; } - } - - .sidebar { - background-color: $base_color; - border-bottom-left-radius: $wm_radius; - } - } -} - -graph-switcher-button.toggle { - color: rgba($fg_color, 0.75); - font-weight: 500; - &:hover { // use opaque - color: $fg_color; - background-image: image(if($variant == 'light', rgba(black, 0.05), rgba(white, 0.03))); - } -} - -rg-graph.big { - // FIXME: We need to re-define these properties to prevent weird - // 'non-repeated' imaging behind the main graph. - background-position: left top; - background-origin: border-box; - background-repeat: repeat; -} - -box.speedometer { - // FIXME: 'outter' meant 'outer'? - // circular progress should be drawn with our $accent_color though, - // damned adwaita.css picks @theme_selected_bg_color up. - &-outter { opacity: 0.8; } // reduce alpha for our troughs - - &-content-area { // cover up meter troughs with selection colour - box-shadow: 0 0 0 4px rgba($selected_bg_color, 0.2); - } -} - -// -// Gnome Documents -// - -.documents-scrolledwin.frame { - border-width: 0; -} - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; -} - -.documents-icon-bg { - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 2px; -} - -%documents-collection-icon, -.documents-collection-icon { - background-color: transparentize($fg_color, 0.7); - border-radius: 2px; -} - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: lighten($selected_bg_color, 20%); -} - -%documents-entry-tag, -.documents-entry-tag { - color: $selected_fg_color; - background: $selected_bg_color; - border-radius: 3px; - border-width: 0; - margin: 2px; - padding: 4px; - - &:hover { - color: $selected_fg_color; - background: lighten($selected_bg_color, 4%); - } - &:active { - color: $selected_fg_color; - background: darken($selected_bg_color, 4%); - } - &.button { - box-shadow: none; - border: none; - background-color: transparent; - } -} - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; -} - -// -// Gnome Photos -// -.photos-entry-tag { - @extend %documents-entry-tag; -} - -.photos-collection-icon { - @extend %documents-collection-icon; -} - -.photos-fade-in { - opacity: 1.0; - transition: opacity 0.2s ease-out; -} - -.photos-fade-out { - opacity: 0.0; - transition: opacity 0.2s ease-out; -} - -// -// Gnome Tweak Tool ( Gnome tweaks ) -// -%side_headerbar_left { - background-image: none; - background-color: rgba($dark_sidebar_bg, 1); - box-shadow: inset 0 1px $highlight_color; - border: none; -} - -%side_headerbar_right { - background-image: none; - background-color: rgba($base_color, 1); - box-shadow: inset 0 1px $highlight_color; - border: none; -} - -%side_searchbar { - background-color: rgba($dark_sidebar_bg, 1); - - > revealer > box { - border-color: if($variant == 'light', $solid_borders_color, $header_border); - } -} - -%side_separator { - &, &:backdrop { - background-image: if($variant == 'light', image($solid_borders_color), image($header_border)); - background-color: transparent; - border-right: none; - } -} - -$list_shadow: if($variant == 'light', - (inset 0 0 8px rgba(black, 0.02), inset 0 0 3px rgba(black, 0.01), inset 0 0 0 1px rgba(black, 0.04), inset 0 1px rgba(black, 0.05)), - (inset 0 0 8px rgba(white, 0.03), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06))); - -%circular_list { - border-radius: $wm_radius; - box-shadow: $list_shadow; - background-color: if($variant == 'light', rgba(black, 0.03), rgba(white, 0.05)); - border: none; - - > separator { background: none; min-height: 0; } -} - -%circular_row { - &:first-child { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - - &:last-child { // Not use ? - border-bottom-left-radius: $wm_radius; - border-bottom-right-radius: $wm_radius; - } - - &:only-child { - border-radius: $wm_radius; - } -} - -%sidebar_row { - margin: 2px 4px; - border-radius: $wm_radius - 4px; - -gtk-outline-radius : $wm_radius - 6px; -} - -hdyleaflet, leaflet { - frame > border { border: none; } - - frame:not(.view) list:not(.contacts-contact-list) { // Don't set this to Gnome-Contacts - @extend %circular_list; - - row.activatable { - @extend %circular_row; - - .row-header > button:not(.text-button) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 4px 0; - } - } - } - - frame.view { - @extend %circular_list; - - list { - background: none; - - > separator { - background: none; - min-height: 0; - } - - row.activatable { @extend %circular_row; } - } - } - - list.view, list.frame { - @extend %circular_list; - - row.activatable { @extend %circular_row; } - } - - list > row.activatable { @extend %sidebar_row; } -} - -list { - &.tweak-group { - list { - @extend %circular_list; - - row.activatable { @extend %circular_row; } - } - } -} - -.titlebar > headerbar.titlebar.tweak-titlebar-left, -.titlebar > headerbar.titlebar.tweak-titlebar-right { - border: none; -} - -// Themed side headerbar -.titlebar > headerbar.titlebar.tweak-titlebar-left { - @extend %side_headerbar_left; -} - -.titlebar > headerbar.titlebar.tweak-titlebar-right { - @extend %side_headerbar_right; -} - -// separator of sidebar on Gnome contol center and Gnome tweaks -window.background.csd { - > hdyleaflet, > leaflet { - > separator.vertical { - @extend %side_separator; - } - - > box.vertical { - > searchbar { - @extend %side_searchbar; - } - } - } - - > hdyleaflet > box.vertical > stack.main-container { // Right side - background-color: $base_color; - border-bottom-right-radius: $wm_radius; - } -} - -row#AutostartTitle.tweak { - padding: 3px; - background-color: $base_color; -} - -.tweak-group-startup { - @extend %circular_list; - - row.tweak-startup:not(:hover):not(:selected) { - background: none; - } -} - -// Themed left sidebar -.tweak-category:not(:selected):not(:hover) { - background: none; -} - -// sidebar on gnome tweak -.tweak-categories { - background-image: none; - background-color: rgba($dark_sidebar_bg, 1); - border-radius: 0 0 0 $wm_radius; - - > separator { - min-width: 0; - min-height: 0; - background: none; - } -} - -// -// Gnome Control Center -// -window.background.csd { - > box.titlebar.horizontal { - > headerbar:first-child { - @extend %side_headerbar_left; - } - - > headerbar:last-child { - @extend %side_headerbar_right; - } - } - - > headerbar.titlebar { // gnome 3.32 or later - > box.horizontal > headerbar:first-child, - > hdyleaflet > headerbar:first-child, - > leaflet > headerbar:first-child { - @extend %side_headerbar_left; - } - - > box.horizontal > headerbar:last-child, - > hdyleaflet > headerbar:last-child, - > leaflet > headerbar:last-child { - @extend %side_headerbar_right; - } - - > box.horizontal > separator.sidebar, - > hdyleaflet > separator.sidebar, - > leaflet > separator.sidebar { - @extend %side_separator; - } - } - - > stack { - border-radius: 0 0 $wm_radius $wm_radius; - } - - > box:not(.titlebar).horizontal > separator.vertical { - @extend %side_separator; - } - - > leaflet > stack.background, // > 3.38.0 - > hdyleaflet > stack.background, // > 3.34.0 - > box.horizontal > stack.background { - background-color: $base_color; - border-bottom-right-radius: $wm_radius; - - > widget { - > box.horizontal > box.horizontal > box.vertical { - > button { // wallpaper set button - &:active { - color: $fg_color; - background-image: none; - background-color: if($variant=='light', darken($button_bg, 15%), lighten($button_bg, 10%)); - border-color: $dark_borders_color; - } - } - } - - > box.vertical > box.vertical { // Gnome 3.34 Wallpaper setting - > scrolledwindow > viewport.frame { - background-color: $base_color; - border-bottom-right-radius: $wm_radius + 1px; - - > box.vertical { - background: none; - } - } - } - } - } - - > leaflet > box.vertical > scrolledwindow.view, // > 3.38.0 - > hdyleaflet > box.vertical > scrolledwindow.view, // > 3.34.0 - > box.horizontal > box.vertical > scrolledwindow.view { // > 3.25.90 - background-color: rgba($dark_sidebar_bg, 1); - border-bottom-left-radius: $wm_radius + 1px; - - > viewport.frame > stack { - background-color: transparent; - - list { // left-pane - background-color: transparent; - - separator { background: none; } - - row.activatable:not(:hover):not(:active):not(:selected) { - background-color: transparent; - } - } - } - } -} - -box.horizontal > separator.sidebar, -hdyleaflet > separator.sidebar, -leaflet > separator.sidebar { // reset - @extend %side_separator; -} - -// -// Gnome system monitor -// -window#gnome-system-monitor.background.csd { - > box.vertical > stack { - background-color: $base_color; - border-radius: 0 0 $wm_radius $wm_radius; - - > box.vertical > scrolledwindow { - treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { - background: none; - } - } - } -} - -// -// gnome-sound-recorder -// -stack { - > grid.vertical { - > scrolledwindow { - border: none; - border-radius: 0 0 $wm_radius $wm_radius; - - > viewport.frame { - list { - border-radius: 0 0 $wm_radius $wm_radius; - } - } - } - - scrolledwindow.frame.emptyGrid { border: none; } // Removed ugly borders - } -} - -// -// Gnome Contacts -// -window.background.csd { - > headerbar.titlebar.selection-mode { - > hdyleaflet > headerbar, - > leaflet > headerbar { - color: $header_fg; - - > button { @extend %headerbar_buttons; } - } - } - - > overlay > grid.horizontal { - > frame:dir(ltr) > border { // Removed ugly borders - border-top-width: 0; - border-left-width: 0; - border-bottom-width: 0; - } - - > overlay > stack > box.horizontal > grid.horizontal { - > scrolledwindow.contacts-contact-form { - border-bottom-right-radius: $wm_radius + 1px; - } - } - } - - > overlay > hdyleaflet, - > overlay > leaflet { - > stack > frame > grid.vertical { - background-color: rgba($dark_sidebar_bg, 1); - border-bottom-left-radius: $wm_radius; - - // list.contacts-contact-list {} - } - - > separator.sidebar { - @extend %side_separator; - } - - > overlay > scrolledwindow > viewport.frame { - background-color: rgba($base_color, 1); - border-bottom-right-radius: $wm_radius; - - > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal { - > button.image-button { - @extend %circular_button; - padding: 2px; - } - } - } - } -} - -entry.contacts-postal-entry { - // background-color: transparent; - @extend %Linked_entrys; - - &:focus { - @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $entry_highlight; } - @if $variant == 'light' { box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px $entry_highlight; } - } -} - -entry.contacts-postal-entry:focus + entry.contacts-postal-entry { border-top-color: $entry_highlight; } - -// -// Gnome Web -// -stack#titlebar_container.titlebar { - > stack > headerbar, - > headerbar.titlebar > deck > headerbar { // Gnome 3.38 - border-color: $header_bg; - - // entry.suggestion.url_entry {} - } -} - -notebook.main-notebook { - > header.top { - margin-top: 0; - - > tabs > tab { - &:checked { - border-top-color: $header_bg; - } - - &:first-child { //Not use - border-left-width: 0; - } - } - } - - webkitwebview { - border-radius: 0 0 $wm_radius $wm_radius; - } -} - -// -// Gnome Music -// -window.background.csd { - > box.vertical > overlay > stack.background { - border-radius: 0 0 $wm_radius $wm_radius; - } -} - -// -// Gnome Weather -// -#weather-page, -#weekly-forecast-frame { - border-bottom-right-radius: $wm_radius; -} - -#weather-page-content-view { - border-bottom-right-radius: $wm_radius; - border-bottom-left-radius: $wm_radius; -} - -// -// Gnome Clocks -// -window.background.csd.unified { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - - > deck > deck > deck { - > box.vertical > headerbar.titlebar.windowhandle { - > viewswitchertitle > squeezer { - > viewswitcher > box.horizontal { - > button.radio { - margin: 0; - border-radius: 0; - } - } - } - } - } -} - -hdyviewswitcherbar > actionbar, -viewswitcherbar > actionbar { // Gnome 3.38 - background: none; - border: none; -} - -// -// Polari -// -.polari-room-list { - .sidebar { - background-color: $dark_sidebar_bg; - border-bottom-left-radius: $wm_radius; - } -} - -stack.view.polari-entry-area { - background-color: $bg_color; - border-top: 1px solid $borders_color; - border-bottom-right-radius: $wm_radius; - - button.popup.flat.toggle.polari-nick-button { - &:hover { - background-color: rgba($fg_color, 0.15); - box-shadow: none; - background-image: none; - } - - &:active, &:checked { - background-color: rgba($fg_color, 0.25); - box-shadow: none; - background-image: none; - } - } -} - -stack:disabled.view.polari-entry-area { background-image: image($bg_color); } - -// -// Transmission -// -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; // Remove black border on over- and undershoot -} - -// -// Atril (MATE pdf viewer) -// -.atril-window .primary-toolbar toolbar { - background: none; -} - -// -// Gnome Flashback -// -#gf-bubble, -#gf-osd-window, -#gf-input-source-popup, -#gf-candidate-popup { - &, &.solid { - color: lighten($osd_fg_color, 7%); - background-color: $osd_bg_color; - border: 1px solid darken($osd_bg_color, 8%); - border-radius: 2px; - } - - levelbar { - block { - &.low, &.high, &.full { - background-color: $selected_bg_color; - border-color: $selected_bg_color; - } - - &.empty { background-color: darken($osd_bg_color, 5%); } - } - - trough { background: none; } - } // FIXME still needs button styling -} - -#gf-input-source { - min-height: 32px; - min-width: 40px; - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - border-radius: 2px; - } -} - -gf-candidate-box { - label { - padding: 3px; - } - - &:hover, - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - border-radius: 2px; - } -} - -// -// rhythmbox -// - -%toolbar_radio_button { - @if $variant == 'dark' { border: none; } - - &:active, &:checked { - background-image: none; - color: if($variant=='light', $selected_fg_color, $base_color); - background-color: if($variant=='light', rgba(black, 0.5), darken(white, 25%)); - border-color: $borders_color; - } -} - -// add top-border to inline-toolbar -.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { - box-shadow: inset 0 1px $borders_color; - padding: 4px; - background-color: darken($bg_color, 3%); - - button.image-button { - @extend %toolbar_radio_button; - - > widget > box > image { padding: 0; } - } -} - -// tweak sidebar styling -.sidebar-paned { - scrolledwindow { border: none; } - - // treeview.view.sidebar { } -} - -// tweak border and frame in alt-toolbar -window.csd > box.vertical > box.vertical, -window.solid-csd > box.vertical > box.vertical { - > toolbar.horizontal { - margin: -1px 0; - border-top: 1px solid $borders_color; - border-bottom: none; - box-shadow: none; - background-color: transparent; - - > toolitem > .linked > button, - > toolitem > box.horizontal > button { - min-height: 36px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - - @extend %toolbar_radio_button; - } - } - - > frame { - margin: -1px 0; - padding: 0; - - > border { border: none; } - } -} - -// hard-coded spacing depends on non-scalable unit, -// seems cover-art widget is the most biggest thing? -window.background > box.vertical > toolbar.primary-toolbar { - > toolitem { - > .linked > button.image-button.raised { // 'shuffle/repeat' - min-height: 36px; - min-width: 36px; - padding: 0; - margin: 0; - @extend %toolbar_radio_button; - - > widget > box > image { padding: 0; } - } - - button.flat.scale { // 'volume' - min-height: 24px; - min-width: 36px; - padding: 0; - margin-top: 8px; - margin-bottom: 8px; - } - - > box.horizontal:not(.linked) > button.toggle, - > .linked > button:not(.toggle):not(.raised):not(.flat) { - min-height: 28px; - min-width: 28px; - padding: 0; - margin: 0; - @extend %toolbar_radio_button; - } - } -} - -// -// Gnome Calculator -// -window.background { - > headerbar.titlebar { // mode-selector button - > button.flat.popup.toggle.text-button.title { - // .title class existed - margin: 6px 0; // set standard margins - - > grid > widget { // down arrow - padding-top: 3px; - // add spacing between arrow and label - &:dir(ltr) { padding-left: 4px; } - &:dir(rtl) { padding-right: 4px; } - } - } - } - - > grid.vertical > box.vertical > widget, - > grid.vertical > box.vertical > box.vertical > widget, - > grid.vertical > box.vertical grid.math-buttons { - button { - font-weight: 700; - - &:not(.suggested-action) { - &:active { @include button(flat-active); border-color: $borders_color; } - &:checked { @include button(flat-checked); border-color: $borders_color; } - } - - &.suggested-action { // '=' button - } - } - } -} - -// -// Epiphany -// - -$question_bg_color: #FFEA00; - -// incognito-mode styling -// -// most of widget styling are hard-coded by ephy's stylesheet, -// but we should force using dark foregrounds at least... - -headerbar.titlebar.incognito-mode { - entry { - @include entry(header-normal); - - &:focus { @include entry(header-focus); } - &:disabled { @include entry(header-insensitive); } - } -} - -// reset inverted foreground colour -notebook > box > stack > box.vertical > paned.vertical > overlay { - > .floating-bar { color: rgba($fg_color, 0.75); } -} - -.background:not(.csd) > box.vertical > headerbar { - // conflicts with .primary-toolbar styling? - .linked > button.image-button { // = 'back/forward' button - - } -} - -// overrides foregrounds for 3.24's ssd-mode -.background headerbar entry { - &.starred, - &.non-starred { - @include entry(header-normal); - - &:focus { @include entry(header-focus); } - &:disabled { @include entry(header-insensitive); } - } - - // render yellow 'star' icon if bookmarked - &.starred > image.right { - color: darken($question_bg_color, 10%); - &:hover, - &:active, - &:checked { color: $question_bg_color; } - } -} - -// popover for downloaded lists -popover.background:not(.emoji-picker) > box.vertical { - // For clean button - button:not(.destructive-action):not(.suggested-action):only-child { - &:active, &:checked { @include button(flat-active); } - } -} - -popover.background:not(.emoji-picker) > box.vertical > scrolledwindow { - // re-define background colours for GtkListBox - > viewport.frame > list.background { - background-color: transparent; - - > row.activatable { - background-color: if($variant=='light', $bg_color, lighten($bg_color, 10%)); - color: rgba($fg_color, 0.85); - border-radius: $bt_radius; - border: 1px solid $borders_color; - margin: 2px; - @if $variant=='light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); } - - &:hover { @include button(hover); } - &:active, &:checked { @include button(flat-active); } - } - } -} - -// popover for bookmarks -popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical { - - scrolledwindow > viewport.frame { - border: 1px solid $borders_color; - - > list.background > row.activatable.bookmarks-row { - background-color: rgba($base_color, 0.35); - color: rgba($fg_color, 0.85); - border-bottom: 1px dashed rgba($borders_color, 0.05); - padding: 6px; - - &:hover, - &:active, - &:checked { color: $fg_color; background-color: rgba($fg_color, 0.05); } - - button.flat { - min-width: 16px; - min-height: 16px; - padding: 4px; // Same as of image.sidebar-icon - // margin: 0 4px; - border-radius: 100px; - -gtk-outline-radius: 100px; - } - } - } -} - -// bookmark-tag flowbox-childs (almost hard-coded) -flowboxchild.bookmark-tag-widget { - color: $bg_color; // unchecked - font-weight: 500; - - label { margin-bottom: 2px; } - - &-selected { color: $selected_fg_color; } // checked -} - - -// -// Fractal -// -.background.csd.main-window { - .sidebar.rooms-sidebar { - border-bottom-left-radius: $wm_radius; - } -} - -// -// documents-scrolledwi (Totem, Documents, EvView) -// -.documents-scrolledwin { - background-color: transparent; - - .content-view:not(:selected):not(:hover) { - background-color: transparent; - // border-radius: 0 0 $wm_radius $wm_radius; - } - - .content-view:hover { background-color: rgba($fg_color, 0.08); } - - viewport.frame { // Documents - background-color: transparent; - - widget > frame.content-view:not(:selected):not(:hover) { - border { border: none; } - - background-color: transparent; - // border-radius: 0 0 $wm_radius $wm_radius; - } - } -} - -// Documents - -window.background.csd { // Documents actionbar - > box.vertical > overlay > stack > box.vertical { - > actionbar { - border-radius: 0 0 $wm_radius $wm_radius; - } - } -} - -// -// Document Viewer -// -window.background.csd { - > box.vertical { - > scrolledwindow { - > iconview.view.content-view:not(:hover):not(:selected) { - background-color: transparent; - border-radius: $wm_radius; - } - } - - > paned.horizontal > box.vertical > scrolledwindow { - > treeview.view:not(:hover):not(:selected) { background-color: transparent; } - } - } - - evview.view.content-view { - background-color: transparent; - border-radius: 0 0 $wm_radius $wm_radius; - } -} - -// -// Archive Manager -// -.background.csd { - > grid.horizontal > paned.horizontal { - > scrolledwindow { - border-radius: 0 0 $wm_radius $wm_radius; - background-color: $base_color; - - treeview.view:not(:hover):not(:selected) { - background-color: transparent; - } - } - - > box.vertical { - > scrolledwindow { - border-radius: 0 0 0 $wm_radius; - background-color: $bg_color; - - treeview.view:not(:hover):not(:selected) { - background-color: transparent; - } - } - } - } -} - -// -// Eye of GNOME Image Viewer -// -.background.csd { - > box.vertical > box.vertical > box.vertical{ - > paned.horizontal { - > separator { - background-image: none; - background-color: $header_border; - } - } - } -} - -// -// Gnome-Disk -// -window.background.csd { - > box.vertical > paned.horizontal { - > scrolledwindow { - treeview.view { - min-width: 240px; - @extend %row_activatable; - - &:not(:selected):not(:hover) { - background-color: transparent; - } - } - } - - > separator { - background-image: if($variant == 'light', image($solid_borders_color), image($header_border)); - } - } - - > paned.titlebar { - background-color: $header_bg; - box-shadow: inset 0 1px $highlight_color; - - > headerbar { - background: none; - box-shadow: none; - } - - > separator { - background: none; - } - } -} - -// -// Dialogs -// -dialog.background.csd { - > headerbar.titlebar { - > label:not(.title):not(.subtitle) { // wallpaper set dialog - font-weight: 700; - } - } - - > box.vertical.dialog-vbox { - > grid.horizontal { - > scrolledwindow.frame { //removed ugly boders for nautilus batch renaming dialog - border: none; - - > viewport.frame { - border: none; - - list:first-child { border-radius: 0 0 0 $wm_radius; } - list:last-child { border-radius: 0 0 $wm_radius 0; } - } - } - - > stack { - > scrolledwindow.frame { // reset border for totem setting dialog - border: 1px solid $borders_color; - } - } - } - - > stack, - > stack > stack { - > scrolledwindow { - border-radius: 0 0 $wm_radius $wm_radius; - background-color: $base_color; - - iconview.view:not(:hover):not(:selected):not(:active) { // Wallpaper setting window - // @extend %view; - background-color: transparent; - } - } - } - - > stack { - > scrolledwindow > viewport.frame { - > list { - border-radius: 0 0 $wm_radius $wm_radius; - - row.activatable:not(:hover):not(:selected):not(:active) { - background-color: transparent; - } - } - } - - > box.vertical > stack.view { - > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { - background-color: transparent; - } - } - - toolbar.toolbar { - border-radius: 0 0 $wm_radius $wm_radius; - border-width: 1px 0 0 0; - } - - > notebook > stack { // Control center wifi setting 3.36 or later - border-radius: 0 0 $wm_radius $wm_radius; - } - } - - > notebook { - > stack { - border-radius: 0 0 $wm_radius $wm_radius; - - > box.horizontal > notebook > stack { // Control center wifi setting - border-radius: 0 0 $wm_radius $wm_radius; - } - } - } - - separator.vertical { background-color: $borders_color; } - - // Outline for low res icons - .lowres-icon { // FIXME: not use - -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); - } - - // Dropshadow for large icons - .icon-dropshadow { // FIXME: not use - -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); - } - - > .dialog-action-box { - > .dialog-action-area { - padding: 3px 6px 6px; - } - } - } - - stack scrolledwindow { - &.frame { - border-radius: $wm_radius; - - textview.view { - border-radius: $wm_radius; - - > text { - background: none; - } - } - - treeview.view:not(:hover):not(:selected) { background: none; } - } - - viewport.frame { - &.view { border-radius: $wm_radius; } - } - } - - > .dialog-vbox > .dialog-action-box { - > .dialog-action-area { - margin: 0 6px 6px; - } - } -} - -// -// Mate OSD Window -// -MsdOsdWindow.background.osd { - border-radius: 2px; - border: 1px solid darken($osd_bg_color, 8%); - - .progressbar { - background-color: $selected_bg_color; - border: none; - border-color: red; - border-radius: 5px; - } - .trough { - background-color: darken($osd_bg_color, 5%); - border: none; - border-radius: 5px; - } -} - -// -// Mate/Gnome Flashback Panel -// -.mate-panel-menu-bar, -panel-toplevel.background { - &, menubar { - background-color: opacify($panel_bg, 1); - } - - menubar, - #PanelApplet label, - #PanelApplet image { - color: $panel_fg; - } - - button:not(#tasklist-button) { // Panel buttons - @extend %panel_button; - } - - button, - #tasklist-button { - label, image { - color: inherit; - } - } - - .wnck-pager { - color: mix($panel_fg, black, 50%); - background-color: darken($panel_bg, 10%); - - &:hover { - background-color: lighten($panel_bg, 5%); - } - - &:selected { - color: lighten($selected_bg_color, 20%); - background-color: $selected_bg_color; - } - } - - na-tray-applet { - -NaTrayApplet-icon-padding: 0; - -NaTrayApplet-icon-size: 16px; - } -} - -// -// Caja -// -.caja-desktop { - @extend %nautilus-desktop-canvas-item; -} - -.caja-notebook { - border-top: 1px solid $borders_color; -} - -.caja-side-pane { - &, text, treeview, - > notebook > stack > widget > box { - color: $dark_sidebar_fg; - caret-color: $dark_sidebar_fg; - background-color: opacify($dark_sidebar_bg, 1); - } - - > box button { - &:not(:active):not(:checked) { color: $dark_sidebar_fg; } - // &:hover:not(:active) { @include button(hover); } - } - - .frame { border-color: $borders_color; } - - junction { background-color: darken($dark_sidebar_bg, 5%); } -} - -.caja-navigation-window { - .primary-toolbar { - background-color: $header_bg; - } - - .caja-side-pane { - background-color: transparent; - - .frame { - border-width: 1px 0 0; - } - } - - paned > separator { - background-image: image($solid_borders_color); - } -} - -.caja-side-pane { - treeview.view, .view { - background: none; - - &:hover { - background-color: rgba($fg_color, 0.1); - } - - &:active, &:selected { - background-color: $selected_bg_color; - } - } - - textview.view text { background: none; } - - scrollbar { - background: none; - } - - // notebook .view > box.vertical { - // border-bottom-left-radius: $wm_radius; - // } -} - -.caja-notebook .frame { - border-width: 0 0 1px; -} - -.caja-search-bar { - entry { - // margin: 2px 0; - - &:focus { - box-shadow: none; - } - } -} - -// -// Xfce4 -// -$text_shadow: 0 0 1px rgba(0, 0, 0, 0.26), - 0 1px 2px rgba(0, 0, 0, 0.32), - 0 2px 3px rgba(0, 0, 0, 0.12); - -%panel_button { - color: $panel_fg; - border-radius: $bt_radius; - background: none; - border: none; - - &:hover:not(:active):not(:checked) { - color: $panel_fg; - background-color: rgba($panel_fg, 0.2); - } - - &:checked { - color: $panel_fg; - background-color: rgba($panel_fg, 0.25); - label, image { color: inherit; } - } - - &:active { - color: $panel_fg; - background-color: rgba($panel_fg, 0.3); - } -} - -.xfce4-panel.panel { - background-color: $panel_bg; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; - - button, button.flat { - @extend %panel_button; - } -} - -.XfceHeading { - border: 0 none transparent; - background-color: $bg_color; - color: $fg_color; -} - -.xfce4-panel { - background-color: $panel_bg; - color: $panel_fg; - font-weight: 700; - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - border-width: 0; - - &, // unset borders - frame > border { border: none; } - - ࿎PanelWindow { // main panel container >= 4.13.3? - // FIXME: unneeded 1px borders are reserved by its code itself - border: none; - - &, &.marching-ants { transition: none; } // unset transitions - } - - button.flat { @extend %panel_button; } - - button { - font-weight: 700; - @extend %panel_button; - - &#launcher-arrow { // launcher applet - // FIXME: quite weird pseudo-classe transitions, especially :hover - // state can't be cleared properly ( -> an upstream issue) - &, + button.toggle { - &:hover { box-shadow: none; } // hide indicators - } - - + button.toggle:checked { // 'arrow' toggle button - color: $selected_bg_color; - box-shadow: none; - } - } - - ﳤ-notification-plugin { - padding: 0 1px; // for 4.12.2 - } - } - - menu { - font-weight: 400; // for enforcing regular weight - text-shadow: none; - -gtk-icon-effect: none; - } - - menubar.-vala-panel-appmenu-private { // xfce4 appmenu plugin - > menuitem { - font-weight: normal; - } - } - - widget.tasklist > button.toggle { font-weight: 400; } -} - -XfdesktopIconView.view { - border-radius: 2px; - background: transparent; - color: $selected_fg_color; - text-shadow: $text_shadow; - - &:active, &:checked { - background-color: $selected_bg_color; - color: $selected_fg_color; - text-shadow: none; - } - - .rubberband { @extend %rubberband; } -} - -window#whiskermenu-window { - background-color: $bg_color; - - // no CSD class even if the sw compositor was enabled. - > frame > border { - border-radius: 0; - } - - scrolledwindow { - > viewport button.radio { - padding: 2px 6px; - margin: 2px; - - &:hover { background-color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12)); } - - &:checked, &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - - &:hover { background-image: none; } - } - } - - treeview.view { - &:selected:hover { - background-color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); - color: $fg_color; - } - } - } -} - -// -// * Thunar * -// - -window.background.csd.thunar { - > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { - border-bottom-left-radius: $wm_radius; - background-color: $dark_sidebar_bg; - - treeview.view:not(:hover):not(:selected) { - background-color: transparent; - } - } -} - -window.thunar { - > grid.horizontal > paned.horizontal { - > scrolledwindow.frame.sidebar.shortcuts-pane { - border-top: none; - background-color: $dark_sidebar_bg; - - treeview.view { - background-color: $dark_sidebar_bg; - - &:hover { background-color: if($variant == 'light', rgba(black, 0.08), rgba(white, 0.08)); } - - &:selected, &:selected:hover, &:active:hover { - color: $fg_color; - background-color: $sidebar_theme_color; - } - } - } - - > separator { - background-image: if($variant == 'light', image($solid_borders_color), image($header_border)); - } - } - - toolbar#location-toolbar { - border-bottom: 1px solid $header_border; - - button.path-bar-button, - button.flat { - @include button(header-normal); - margin-left: 0; - margin-right: 0; - border-radius: $bt_radius; - min-height: 28px; - - &:hover { @include button(header-hover); } - - &:checked { @include button(header-checked); } - - &:active { @include button(header-active); } - - &:disabled { @include button(header-insensitive); } - - &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } - } - - > toolbutton#open-parent > button.image-button.flat:not(.toggle) { - margin-left: 10px; - } - - > toolbutton#open-home > button.image-button.flat:not(.toggle) { - margin-right: 10px; - } - - // FIXME: need to unset for weird allocation height - entry { - min-height: 22px; - } - } - - notebook { - // hide unneeded border - stack > scrolledwindow.frame.standard-view { - border-top-width: 0; - border-right-width: 0; - } - - // an allocation height of label node affects to close button's - // image height (it's quite weird). - header.top tab.reorderable-page > box > label { min-height: 0; } - } -} - -// -// Geary -// -.geary-main-window.background.csd, -window#GearyMainWindow.background.csd { - > overlay > box.vertical { - > paned { - > separator { @extend %side_separator; } - - > .sidebar { - border-bottom-left-radius: $wm_radius; - - > searchbar { - @extend %side_searchbar; - } - - treeview.view.sidebar { - padding: 3px 0; - - &:hover { - color: $fg_color; - background-color: rgba($fg_color, 0.1); - } - - &:selected { - color: $fg_color; - background-color: rgba($fg_color, 0.15); - } - } - } - } - } - - stack#conversation_viewer { - border-bottom-right-radius: $wm_radius; - - scrolledwindow.geary-conversation-scroller { - viewport.frame { - background-color: $base_color; - border-bottom-right-radius: $wm_radius; - - list.conversation-listbox { - background-color: transparent; - } - } - } - - searchbar { - background-color: $base_color; - - > revealer > box { - border-color: if($variant == 'light', $solid_borders_color, $header_border); - } - } - } - - paned.geary-sidebar-pane-separator { - > separator { - margin-left: -1px; - background: none; - } - - statusbar { - margin: -8px -12px; - border: none; - background-color: rgba($dark_sidebar_bg, 1); - border-bottom-left-radius: $wm_radius; - - frame > border { border: none; } - } - - frame.geary-folder-frame { - > border { border: none; } - - scrolledwindow { - treeview.view.sidebar:not(:hover):not(:selected) { - background-color: rgba($dark_sidebar_bg, 1); - } - } - } - - frame.geary-conversation-frame { - background-color: rgba($dark_sidebar_bg, 1); - - > border { border: none; } - - scrolledwindow { - background-color: $base_color; - margin: 6px 6px 6px 0; - padding: 6px 0; - border: 1px solid $borders_color; - border-radius: $bt_radius; - - treeview.view { - border: none; - background-image: none; - - &:hover { background-color: rgba($fg_color, 0.1); } - - &:selected { - background-color: rgba($fg_color, 0.15); - color: if($variant == 'light', $fg_color, $selected_fg_color); - } - - &:not(:hover):not(:selected) { - background: none; - } - } - } - } - } -} - -// -// Firefox and Thunderbird -// - -window.background:not(.csd) { - > widget { - // for the bookmark toolbar's separators - > separator { - padding-top: 1px; - margin-top: 1px; - min-height: 2px; - background-color: $borders_color; - } - - // avoid black border - > scrollbar { - background: none; - border: none; - // background-clip: border-box; - } - - // emphasize borders color - // > scrollbar, - > frame > border { border-color: $borders_color; } - - > entry, - .entry { // Set for linked entrys - // min-height: 26px; - border-radius: $bt_radius; - background-image: image($base_color); - border: 1px solid $borders_color; - - &:focus { border-color: $selection_mode_bg; box-shadow: inset 0 0 0 2px $entry_highlight; } - } - - > spinbutton { - background-image: image($button_bg); - border: 1px solid $borders_color; - - @if $variant == 'light' { - &:active { - background-image: image($bg_color); - } - } - - // Fixed thunderbird linked entry spinbutton border-radius. - .entry { border-top-right-radius: 0; border-bottom-right-radius: 0; } - } - - > button { - padding-top: 3px; - padding-bottom: 3px; - } - - > button > button { - outline-style: none; - border-radius: $bt_radius; - - @if $variant == 'light' { - &:active { - border-radius: $bt_radius; - border: none; - background-image: image($bg_color); - box-shadow: inset 0 0 0 1px $borders_color; - } - } - - label { padding: 4px 6px; } - } - } - - > menu, - > menu > menu { - border-radius: 0; - background-color: $menu_bg; - } - - > menu > menuitem { - padding: 4px 6px; - - > label:disabled { color: $disabled_fg_color; } - - > radio, - > check { - padding: 0 2px 0 4px; - } - } - - > window > menu { - menuitem { - transition: none; // Fixed plank menu background issue - } - } -} - -// -// Firefox Quantum -// - -#MozillaGtkWidget { - // blend with weird toolbar backgrounds - background-color: $bg_color; - - // FIXME: resetting child elements background is not fully functional yet - // because WidgetStyleCache keeps holding initial background-color. - // the stem of this incorrect colouring seems to be caused by their - // gdk_rgba to ns_rgba conversion. I don't think theme's fault. - .background, - frame, - separator, - scrolledwindow { background-color: $base_color; } - - scrollbar { - background: none; - border: none; - - slider { - background-color: mix($fg_color, $bg_color, 45%); - &:hover { background-color: mix($fg_color, $bg_color, 60%); } - &:hover:active { background-color: mix($fg_color, $bg_color, 75%); } - &:disabled { background-color: transparent; } - } - } - - > window.background > menu { // context-menus - border: none; // hide ugly double borders - background-color: $menu_bg; - border-radius: 2px; - - // revert to standard separators - > separator { - margin-top: 2px; - margin-bottom: 2px; - background-color: $borders_color; - } - } - - > widget { - // Emphasize toolbar's border-bottom - > frame > border { border-color: if($variant == 'light', darken($bg_color, 15%), lighten($bg_color, 20%)); } - - // For popover, entry in toolbar, etc. - text { background-color: $bg_color; } - - // For selection, active tab indicator, etc. - text:selected { - // Use traditional selection style as workaround - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - separator { background-color: $borders_color; } - - // FIXME: this affected to popover widget as well, - // so we can not set $lighter_bg_color to search-bar... - > scrolledwindow > textview { - background-color: $menu_bg; - - text { - background-color: transparent; - color: if($variant =='light', $text_color, #aaaaaa); - - &:selected, - &:selected:focus, - selection { @extend %selected_items; } - } - } - } - - // remove ugly border around the menus - menu { border: none; } -} - -// -// Chrome(ium) -// - -$chrome_bg_color: $bg_color; -$chrome_fg_color: $text_color; -$chrome_menu_bg_color: $menu_bg; -$chrome_menu_fg_color: $fg_color; - -window.background.chromium { - // checked-tab & toolbar & button widgets - background-color: $bg_color; - color: $text_color; - - headerbar.titlebar { - button.toggle { // account-button (> 64.0.3282?) - border: none; - background-color: transparent; - background-image: none; - - &:hover { @include button(flat-hover); } - &:checked, &:active { @include button(flat-active); } - } - - // from nav_button_provider_gtk3.cc (> 62.0.3202?) - button.titlebutton { // title-buttons - // define global titlebutton class sizing - min-width: 16px; - min-height: 16px; - margin: 0; // unset margins - padding: 0 0; - background-size: auto; - color: transparent; // hide stock icons - } - } - - // FIXME: not for actual button widgets but for toolbar's separators - // crazy: src/+/master/chrome/browser/ui/libgtkui/gtk_ui.cc#891 - button { // for active-tab borders - border-width: 1px; - border-style: solid; - border-color: $solid_borders_color; - background-color: $chrome_bg_color; - color: $chrome_fg_color; - } - - entry.chromium { - &, &:focus { // overrides standard borders - border-image: none; - border: 1px solid $solid_borders_color; - background-color: $chrome_bg_color; - color: $chrome_fg_color; - } - } - - // internal region of toolbar's entry widget - > textview.view, textview { - background-color: $chrome_bg_color; - color: $chrome_fg_color; - } - - > menubar { background-color: $header_bg; } - - // > menu { - // border: 1px solid $solid_borders_color; - // color: $chrome_menu_fg_color; - // background-color: $chrome_menu_bg_color; - // - // > separator, .separator { - // margin: 2px 0; - // min-height: 0; - // border-bottom: 2px solid $menu_bd; - // background: none; - // } - // - // > menuitem { - // color: $chrome_menu_fg_color; - // - // &:hover { - // color: $selected_fg_color; - // background-color: $selected_bg_color; - // } - // - // &:disabled { - // color: rgba($chrome_menu_fg_color, 0.45); - // } - // - // // label { &:disabled { color: rgba($chrome_menu_fg_color, 0.45); } } - // - // accelerator { color: rgba($chrome_menu_fg_color, 0.45); } - // } - // } -} - -// -// Libre-Office -// -window.background:not(.solid-csd) { - // reserved area at the most-right side of GtkMenuBar - > grid.horizontal > grid.horizontal { - background-color: $header_bg; - box-shadow: inset 0 -1px $borders_color; - - > button.flat.small-button { - // 'close' button - color: $header_fg; - border: none; - border-radius: 50px; - background-image: none; - - &:hover { - background-color: lighten($header_bg, 15%); - color: lighten($header_fg, 5%); - } - - &:active, - &:checked { - background-color: rgba(red, 0.65); - color: white; - } - - &:disabled { - color: rgba($header_fg, 0.6); - } - } - } -} - -window.background:not(.solid-csd) { - // for 'Notebookbar' toolbar - > notebook:not(.frame) { - border: 0 none transparent; // unset borders - background-color: $base_color; - - > stack { - border: none; - box-shadow: none; - } - } -} - -// -// Tilix -// - -// in-line titlebars -widget > box.terminal-titlebar { - padding: 0 6px; - - > button.flat.popup.toggle { - border: none; - border-radius: 0; - padding-top: 0; - padding-bottom: 0; - - &:dir(ltr) { padding-right: 6px; } - &:dir(rtl) { padding-left: 6px; } - - &:hover, &:checked, &:active { - border-radius: 0; - } - - &:checked, &:active { - background-color: rgba($fg_color, 0.05); - color: $fg_color; - } - } - - > button.image-button { // 'plus' and 'close' - &, &.toggle { - margin: 2px 0; - padding: 0; - min-height: 24px; - min-width: 24px; - border-radius: $bt_radius; - -gtk-outline-radius: $bt_radius; - } - } -} - -list.tilix-session-sidebar { - // use -image property instead - background-image: image($dark_sidebar_bg); - - button.tilix-sidebar-close-button { - min-height: 20px; - min-width: 20px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - background-color: $destructive_color; - &, &:hover, &:active, &:checked { color: white; } - - &:hover { background-color: lighten($destructive_color, 10%); } - - &:active, - &:checked { background-image: image(darken($destructive_color, 10%)); } - } -} - -window.background.csd { - > box.horizontal > stack { - > box.vertical > notebook > stack { - border-bottom-right-radius: $wm_radius; - } - } -} - -// -// Lollypop -// -window.background.csd { - > grid.vertical > overlay > grid.vertical { - > grid.horizontal { - > .sidebar { - border-bottom-left-radius: $wm_radius; - } - - > paned.horizontal > stack { - border-bottom-right-radius: $wm_radius; - } - } - } -} - -// -// Inkscape -// -toolbar#SubToolBox { - min-height: 36px; - - // > toolitem#select-x { - // spinbutton { - // entry { - // min-width: 0; - // } - // } - // } - - entry, button { - margin-top: 6px; - margin-bottom: 6px; - } - - > toolbutton > button.flat { - margin-left: 2px; - margin-right: 2px; - } -} - -widget#ToolboxCommon { - button.flat { - &:active { - background-color: rgba($fg_color, 0.25); - } - - &:checked { - background-color: rgba($fg_color, 0.15); - } - } - - // > toolbar > toolitem > button.flat, // Left side - > toolbar > toolbutton > button.flat { // Right side - margin-top: 2px; - margin-bottom: 2px; - } -} - -box#DesktopStatusBar { - spinbutton, button.combo { - margin-top: 6px; - margin-bottom: 6px; - } -} - -// -// Synaptic -// -window > box.vertical > box.horizontal { - > toolbar { - background-color: transparent; - box-shadow: none; - - toolitem > box { - label, - entry { - min-height: 20px; - padding-top: 2px; - padding-bottom: 2px; - font-size: 90%; - } - - > label { color: $fg_color; } - } - } - - > widget { background-color: transparent; } -} - -// -// vala-panel -// -window#ValaPanel.background { - // background-image: linear-gradient(0deg, $panel_bottom_color 0%, $panel_top_color 100%); - // border: 1px solid $header_border; - // color: currentColor; - - widget.-vala-panel-background { - > separator { // separator applet - background: none; - } - } -} - -button.flat.-panel-button, -button#tasklist-button.toggle.flat, -// tasklist-arrow-button.toggle.flat.-panel-flat-button, // xfce tasklist button -button.flat.-panel-icon-button { - // @extend %budgie_icon_tasklist_button; - - &:hover { - box-shadow: inset 0 -2px rgba($selected_bg_color, 0.5); - background: none; - } - - &:active, - &:checked { - box-shadow: inset 0 -2px $selected_bg_color; - color: if($variant == 'light', darken($panel_fg, 5%), $selected_fg_color); - background: none; - } -} - -.unpinned button.flat.-panel-icon-button { - border-radius: 0; - - &:hover { -gtk-icon-effect: highlight; } - &:hover, - &:active, - &:checked { - box-shadow: inset 0 -2px $selected_bg_color; - color: if($variant == 'light', darken($panel_fg, 5%), $selected_fg_color); - } -} - -.pinned button.flat.-panel-icon-button.running { - border-radius: 0; - - > image { - background-position: bottom center; - } - - &:hover { -gtk-icon-effect: highlight; } - &:hover, - &:active, - &:checked { - box-shadow: inset 0 -2px $selected_bg_color; - color: if($variant == 'light', darken($panel_fg, 5%), $selected_fg_color); - } -} - -// vala-panel-appmenu -menubar.-vala-panel-appmenu-private, // xfce4 appmenu plugin -menubar.-vala-panel-background { - background: none; - border: none; - box-shadow: none; - - > menuitem { - color: $panel_fg; - font-weight: normal; - - &:hover { - color: $panel_fg; - background-color: rgba($panel_fg, 0.2); - } - - &:disabled { - color: transparentize($panel_fg, 0.6); - } - - // > window.background.popup > decoration, - // > window.background.popup > menu { border-radius: 0 0 $wm_radius $wm_radius; } - } -} - -// * Elementary Apps * - -// -// Wingpanel -// -.menubar.panel { - .panel { - &, &.color-light, &.color-dark { - background-color: transparent; - background-image: image(rgba($panel_bg, 0.1)); - border-bottom: none; - transition: all 100ms ease-in-out; - color: $panel_fg; - } - - &.maximized { - background-color: rgba($panel_bg, 0.2); - background-image: none; - border: none; - } - - &.translucent { - background-color: rgba($panel_bg, 0.1); - background-image: none; - border: none; - } - - menubar { - background: none; - box-shadow: none; - border: none; - } - } - - popover { - padding: 2px 4px; - margin: 0 6px 15px 6px; - border: 1px solid if($variant == 'light', rgba(black, 0.35), rgba(black, 0.45)); - box-shadow: 0 3px 5px rgba(black, 0.12), 0 5px 8px rgba(black, 0.08); - - button { - @include button(undecorated); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); label { color: white; } } - &:checked { @include button(flat-checked); label { color: white; } } - &:disabled { @include button(flat-insensitive); } - &, &:hover, &:active, &:checked, &:disabled { border-color: transparent; } - } - - .linked > button { - @include button(normal); - &:hover { @include button(hover); } - &:active, &:checked { @include button(active); } - &:disabled { @include button(insensitive); } - } - - list { background-color: transparent; } - - separator.horizontal { - margin: 0 -4px; - } - - separator.vertical { - background: none; - } - - .sidebar { - border-style: none; - background: none; - - .view { - background: none; - - &:hover { - border-radius: $bt_radius; - background-color: if($variant=='light', rgba(black, 0.1), rgba(white, 0.1)); - } - - &:selected { - &, &:focus, &:backdrop { - text-shadow: none; - transition: all 200ms $ease-out-quad; - background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35)); - border-radius: $bt_radius; - } - } - } - } - } -} - -.composited-indicator { - padding: 0 6px; - - > revealer label, - > revealer image, - > revealer spinner { - color: $panel_fg; - font-weight: normal; - transition: all 200ms ease-in-out; - text-shadow: none; - -gtk-icon-shadow: none; - } - - > revealer image, - > revealer spinner { - padding: 3px 0; - } - - > revealer label { - padding: 3px 6px; - } - - .keyboard { - background-color: $panel_fg; - border-radius: 2px; - color: $panel_bg; - padding: 0 3px; - font-weight: normal; - box-shadow: none; - text-shadow: none; - } -} - -// Popover switcher dots -button.flat.toggle.switcher { - &:hover, &:active, &:checked, &:selected { - image { - color: $selected_bg_color; - } - } -} - -// Calendar Popover -.circular { // Calendar popover date button - label:disabled { color: $disabled_fg_color; } - - &.accent { // Today button - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} - -// Marlin / Pantheon Files -MarlinViewWindow { - *:selected, *:selected:focus { - color: $selected_fg_color; - background-color: $selected_bg_color; - outline-color: transparent; - } - - GtkIconView.view:selected { - &, &:focus, &:hover, &:focus:hover { background-color: transparent; } - } - - FMListView, FMColumnView { outline-color: transparent; } -} - -.marlin-pathbar.pathbar { - padding-left: 4px; - padding-right: 4px; - - @include entry(header-normal); - &:focus { @include entry(header-focus) } - &:disabled { @include entry(header-insensitive) } -} - -window.background.csd { - > paned.horizontal { - > separator { - &:dir(ltr) { margin-left: -1px; } - &:dir(rtl) { margin-right: -1px; } - } - - > scrolledwindow { - > viewport.frame { - > box.vertical treeview.view { - - border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); - - &:not(:hover):not(:selected) { - border-bottom-left-radius: $wm_radius; - background: none; - } - - color: $dark_sidebar_fg; - padding-top: 3px; - padding-bottom: 3px; - border-right: 1px solid $header_border; - // @extend %view; - - &:not(:selected):hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } - - &:selected, &:selected:hover, &:selected:focus { - color: $fg_color; - background-color: $sidebar_theme_color; - &, label { color: $fg_color; } - } - - image { - color: $dark_sidebar_fg; - &:selected { color: $selected_fg_color; } - &:disabled { color: rgba($dark_sidebar_fg, 0.45); } - } - - &.trough { - color: $fg_color; - background-color: $button_border; - border-radius: $bt_radius; - border-width: 0; - - &:selected, &:selected:focus { - color: $selected_fg_color; - background-color: transparentize(black, 0.8); - border-radius: $bt_radius; - border-width: 0; - } - } - } - } - } - } - - > stack > stack { - > paned.horizontal { - > scrolledwindow > viewport.frame { - list { - border-bottom-left-radius: $wm_radius; - } - } - } - } -} - -.dynamic-notebook { - > notebook { - > stack { - border-bottom-right-radius: $wm_radius; - background-color: $base_color; - - scrolledwindow.view.h2 { - background-color: transparent; - } - - treeview.view, - iconview.view { - &:not(:hover):not(:selected) { background: none; } - &:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } - &:selected { - color: $fg_color; - background-color: if($variant == 'light', rgba(black, 0.1), rgba(white, 0.1)); - } - } - } - - treeview.view { - > frame.cell { - > entry { - border-image-width: 0; - background-color: $bg_color; - - &:focus { background-color: $base_color; } - } - - > border { border: none; } - } - } - } -} - -headerbar.titlebar { - > box.horizontal > entry.pathbar { - min-height: 20px; - padding: 2px 6px; - margin-top: 0; - margin-bottom: 0; - } - - > button.flat.image-button.toggle:dir(ltr) { - min-height: 0; - margin-top: 8px; - margin-bottom: 8px; - - &:not(:checked):not(:active) { - background-clip: if($variant=='light', padding-box, padding-box); - } - - @if $variant == 'light' { - border-width: 1px; - border-style: solid; - border-color: $borders_color; - } - - @include button(header-normal); - &:hover { @include button(header-hover); } - &:active { @include button(header-active); } - &:checked { @include button(header-checked); } - &:disabled { color: transparentize($header_fg, 0.4); } - &:backdrop { opacity: 0.7; background-image: none;} - - + button.flat.image-button.toggle { margin-right: if($variant=='light', -6px, -5px); } - } - - > .linked.raised > button.toggle { - margin-top: 4px; - margin-bottom: 4px; - } - - // Hide Code header format-bar - > grid.linked.horizontal.format-bar { - margin-top: 6px; - margin-bottom: 6px; - border: none; - - button.toggle { - margin-top: 0; - margin-bottom: 0; - } - - &:backdrop { - transition: $backdrop_transition; - background-image: none; - background-color: $header_bg_backdrop; - } - } -} - -// Gala -.gala-notification { - border: 1px solid $dark_borders_color; - border-radius: $wm_radius; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: _solid($osd_bg_color); - background-color: transparent; - - .title, .label { - color: $osd_fg_color; - } -} - -// system setting -actionbar.inline-toolbar { - border: none; - border-top: 1px solid $borders_color; - - button { // Reset buttons - border-radius: $bt_radius; - // border: 1px solid $dark_borders_color; - - &:first-child { - border-right-style: solid; - } - - &:last-child { - border-left-style: solid; - } - } -} - -// Nightlight warmth trough -scale.warmth trough { - min-height: 4px; - border-radius: 3px; - background-image: linear-gradient(to right, $suggested_color, $destructive_color); - box-shadow: inset 0 0 0 1px rgba(black, 0.25); -} - -// Terminal -.terminal-window { - headerbar.titlebar.default-decoration { - background-color: $header_bg; - border-bottom: 1px solid $header_border; - box-shadow: inset 0 1px $highlight_color; - - &:backdrop { - transition: $backdrop_transition; - color: transparentize($header_fg, 0.3); - background-image: none; - background-color: $header_bg_backdrop; - border-color: if($variant=='light', lighten($header_border, 15%), darken($header_border, 3%)); - } - } - - .search-bar { - background-color: $bg_color; - border-bottom: 1px solid $solid_borders_color; - } - - .dynamic-notebook { - notebook > header { border-color: $solid_borders_color; } - } -} diff --git a/src/sass/gtk/_budgie.scss b/src/sass/gtk/_budgie.scss deleted file mode 100644 index 5aa0c47d..00000000 --- a/src/sass/gtk/_budgie.scss +++ /dev/null @@ -1,1275 +0,0 @@ -// based css: -// https://github.com/budgie-desktop/budgie-desktop/tree/master/src/theme - -/****************** - * Budgie Desktop * - ******************/ -// Container for both the "panel" area and the shadow. Wise to keep -// this transparent.. - -// Raven -$raven_base_color: if($variant =='light', #f5f5f5, #1b1b1b); -$raven_bg_color: if($variant =='light', #dedede, #1f1f1f); -$raven_fg_color: $text_color; -$raven_header_bg_color: if($variant =='light', #efefef, #181818); -$raven_header_fg_color: $text_color; -$raven_button_bg_color: $button_bg; -$raven_border_color: if($variant =='light', rgba(black, 0.10), rgba(black, 0.35)); - -$raven_radius: 10px; -$raven_padding: 8px; - -%raven_middle_button { - border-radius: 0; - border-right-style: none; - border-bottom-style: none; -} - -%raven_last_button { - border-radius: 0 0 ($raven_radius - 1px) 0; - border-right-style: none; - border-bottom-style: none; -} - -%raven_first_button { - border-radius: 0 0 0 ($raven_radius - 1px); - border-left-style: none; - border-bottom-style: none; -} - -%raven_single_button { - border-radius: 0 0 $raven_radius $raven_radius; - border-left-style: none; - border-right-style: none; - border-bottom-style: none; -} - -%budgie_button { - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:checked { @include button(flat-checked); } - &:active { @include button(flat-active); } - &:disabled { @include button(flat-insensitive); } -} - -%raven_button { - @include button(header-normal); - &:hover { @include button(header-hover); } - &:active { @include button(header-active); } - &:checked { @include button(header-checked); } - &:disabled { @include button(header-insensitive); } - - &.linked { - @include button(undecorated); - background-color: $menu_bg; - - &:hover { - background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%)); - } - - &:active, &:checked { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:disabled { @include button(flat-insensitive); } - } -} - -.budgie-container { background-color: transparent; } - -.budgie-settings-window { - buttonbox.inline-toolbar { - border-style: none none solid; - - button { - border-radius: $bt_radius; - -gtk-outline-radius: $bt_radius; - - @extend %budgie_button; - } - } - - list.sidebar { - background-color: $base_color; - border-radius: 0 0 0 $wm_radius; - border-color: if($variant =='light', $solid_borders_color, $header_border); - } -} - -.budgie-popover { - margin: 0; - padding: 0; - border-color: if($variant=='light', $borders_color, lighten($menu_bg, 8%)); - border-radius: $wm_radius; - background-color: if($trans == 'true', rgba($bg_color, 0.95), $bg_color); - box-shadow: 0 1px 2px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), - 0 2px 3px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), - 0 0 0 1px if($variant=='light', $borders_color, rgba($dark_borders_color, 0.55)), - inset 0 0 0 1px if($variant=='light', rgba(black, 0.0), rgba(white, 0.08)); - - .container { - padding: 0; - border: none; - } - - border { border: none; } - - list { - background-color: transparent; - - &.content-box { - row.activatable { - padding: 0; - background: 0; - border: none; - box-shadow: none; - } - } - } - - switch { margin-left: 56px; margin-right: 6px; } - - &:not(.budgie-menu) button.flat:not(.image-button) { - @extend %budgie_button; - min-height: 28px; - padding: 0 8px; - color: $fg_color; - font-weight: normal; - - &:disabled { color: $disabled_fg_color; } - } - - treeview.view.sidebar, - scrolledwindow.sidebar { //AppMenu (Elementary) - // min-height: 36px; - background: none; - border-right: none; - color: $fg_color; - - label { padding: 3px 8px; } - - &:hover { background-color: rgba($fg_color, 0.05); } - - &:selected, &:selected:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - } - - > frame.container > grid.horizontal > grid.horizontal { - > widget > grid.horizontal > stack { - border-top: 1px solid $borders_color; - } - } - - &.budgie-menu { - .container { padding: 0; } - } - - &.user-menu { - .container { padding: 8px; } - separator { margin: 4px 0; } - } - - &.sound-popover { - separator { margin: 3px 0; } - } - - &.caffeine-popover { - .container { padding: 8px; } - } - - &.night-light-indicator { - .container { padding: 6px; } - } - - &.places-menu { - .container { padding: 6px; } - - .places-list:not(.always-expand) { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid $borders_color; - } - - // I guess this really should be hard-coded as well as other dim-labels. - .alternative-label { - padding: 3px; - font-size: 15px; - } - } - - &.workspace-popover { - .container { padding: 2px 8px 8px; } - - separator { margin: 4px 0; } - flowboxchild { padding: 0; } - } -} - -// budgie specific popover widgets -window.budgie-popover:not(.csd) { - > frame.container { - margin: 0 -1px -1px; // remove gap - - .bottom & { padding: 2px 0 2px; } // revive bottom padding - - &, - > border { - border-style: none; // hide container borders - } - } -} - -// FIXME: workspace has unnecessary/unknown margin -.workspace-switcher { - .workspace-layout { - border: 0 solid $borders_color; - - .top &, - .bottom & { - &:dir(ltr) { border-left-width: 1px; } - &:dir(rtl) { border-right-width: 1px; } - } - - .left &, - .right & { border-top-width: 1px; } - } - - .workspace-item, - .workspace-add-button { - border: 0 solid $borders_color; - - .top &, - .bottom & { - &:dir(ltr) { border-right-width: 1px; } - &:dir(rtl) { border-left-width: 1px; } - } - - .left &, - .right & { border-bottom-width: 1px; } - } - - .workspace-item { - transition: $shorter_transition; - - &.current-workspace { background-color: $borders_color; } - } - - .workspace-add-button { - background-color: transparent; - background-image: none; - @extend %budgie_button; - - &:hover { box-shadow: none; } - &:active { background-image: none; } - &:active image { margin: 1px 0 -1px; } - } - - .workspace-icon-button { - .budgie-panel & { // to overwrite the .budgie-panel button style below - min-height: 24px; - min-width: 24px; - padding: 0; - border-radius: $bt_radius; - } - } -} - -// Budgie Menu -.budgie-menu { - &.background { - padding: 0; - background-color: $base_color; - } - - scrollbar, - entry.search { background-color: transparent; } - - entry.search { - // margin: 6px 6px 0 6px; - padding: 5px 10px; - border: none; - border-bottom: 1px solid $borders_color; - border-radius: 0; - box-shadow: none; - font-size: 110%; - // &:focus { @include entry(focus); } - } - - .categories { - &:dir(ltr) { border-bottom-left-radius: $bt_radius; } - &:dir(rtl) { border-bottom-right-radius: $bt_radius; } - } - - button { - @extend %row_activatable; - min-height: 32px; - padding: 0 8px; - border-radius: 0; - color: $fg_color; - font-weight: normal; - border: none; - box-shadow: none; - - &:hover { transition: none; } - &:disabled { color: $disabled_fg_color; } - &:checked { @extend %selected_items; } - - &:checked:hover { - background-image: none; - background-color: lighten($selected_bg_color, 5%); - } - - &:checked:disabled { background-color: rgba($selected_bg_color, 0.5); } // overriding - } - - row { - padding: 0; - &:hover { box-shadow: none; } - } -} - -// Menu Button -button.budgie-menu-launcher { - // padding: 0 2px; - @extend %flat_button; -} - -// User Menu -popover.background.user-menu { - padding: 8px; - - .content-box { background-color: transparent; } - separator { margin: 4px 0; } - - row { - padding: 0; - box-shadow: none; - background-image: none; - } -} - -// Raven Trigger -// button.raven-trigger { -// padding: 0 4px; -// } - -// Places Menu -popover.background.places-menu { - padding: 8px; - - // FIXME: untested - // .message-bar { - // margin-bottom: 4px; - // } - - .name-button.text-button { - // padding: 4px 8px; - padding-left: 8px; - padding-right: 8px; - - image { - &:dir(ltr) { margin-right: 8px - 5px; } - &:dir(rtl) { margin-left: 8px - 5px; } - } - } - - // FIXME: untested - // .unmount-button { - // padding: ($medium_size - 24px) / 2; - // } - - .places-section-header > image { - &:dir(ltr) { margin: 0 8px - 10px 0 8px - 3px; } - &:dir(rtl) { margin: 0 8px - 3px 0 8px - 10px; } - } - - .places-list { - margin-top: 4px; - padding-top: 4px; - border-top: 1px solid $borders_color; - background-color: transparent; - } - - row { - padding: 0; - box-shadow: none; - background-image: none; - } -} - -// Panel -.budgie-panel { - transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); - background-color: $panel_bg; - color: $panel_fg; - font-weight: 500; - // box-shadow: $panel_shadow; - border-width: 0; - - &.transparent { - background-color: rgba($panel_bg, 0.1); - border-width: 0; - } - - .bottom & { - border-radius: $wm_radius $wm_radius 0 0; - - &.dock-mode { - border-radius: 0 0 0 0; - } - } - - .left & { - border-radius: 0 $wm_radius $wm_radius 0; - - &.dock-mode { - border-radius: 0 0 0 0; - } - } - - .right & { - border-radius: $wm_radius 0 0 $wm_radius; - - &.dock-mode { - border-radius: 0 0 0 0; - } - } - - button { - min-height: 16px; - min-width: 16px; - padding: 0; - border-radius: 0; - border-top-width: 0; - border-bottom-width: 0; - border: none; - box-shadow: none; - color: rgba($panel_fg, 0.85); - background: none; - - &:hover { - background-color: rgba($panel_fg, 0.10); - color: rgba($panel_fg, 0.95); - background-image: none; - } - - &:active { - background-color: rgba($panel_fg, 0.15); - color: $panel_fg; - background-image: none; - } - - &:checked { - background-color: rgba($panel_fg, 0.12); - color: $panel_fg; - } - } - - &.horizontal button { padding: 0 4px; } - &.vertical button { padding: 4px 0; } - - separator { background-color: $borders_color; } - - // Budgie styled Gtk Menus - menubar, - .menubar { - box-shadow: none; - color: $panel_fg; - background-image: none; - background-color: transparent; - - > menuitem { - border: none; - background-image: none; - font-weight: normal; - - // > window.background.popup > decoration, - // > window.background.popup > menu { border-radius: 0 0 $wm_radius $wm_radius; } - - &:hover { background-color: $selected_bg_color; } - &:disabled { color: transparentize($panel_fg, 0.6); } - - &.budgie-menubar { - &:hover { background-color: rgba($panel_fg, 0.10); } - } - } - } - - menubar.-vala-panel-appmenu-private { // appmenu plugin - > menuitem { - font-weight: normal; - } - } - - // used to indicate unread notifications - .alert { color: $destructive_color; } - - // End Section needs to be fancy - // .end-region { - // background-color: rgba(0,0,0,0.2); - // } - - &.vertical #tasklist-button { min-height: 32px; } - - // Icon Tasklist - button.flat.launcher { - padding: 0; - @extend %flat_button; - @extend %underscores; - - // for indicator colors - &:not(:checked) { - color: $fg_color; - - &:hover, &:active { color: rgba($fg_color, 0.8); } - &:disabled { color: rgba($fg_color, 0.5); } - } - - &:active { background-color: rgba($fg_color, 0.20); } - &:checked { background-color: rgba($fg_color, 0.15); } - } -} - -%underscores { - @each $pos, $b_pos, $b_wid in (top, center calc(1px), 3 0 0 0 / 3px 0 0 0), - (bottom, center calc(100% - 1px), 0 0 3 0 / 0 0 3px 0), - (left, calc(1px) center, 0 0 0 3 / 0 0 0 3px), - (right, calc(100% - 1px) center, 0 3 0 0 / 0 3px 0 0) { - .#{$pos} & { - & { - border-image: radial-gradient(circle closest-corner at #{$b_pos}, - $selection_mode_bg 0%, - transparent 0%) - 0 0 0 0 / 0 0 0 0; - } - - &:checked { - border-image: radial-gradient(circle closest-corner at #{$b_pos}, - $selection_mode_bg 100%, - transparent 0%) - #{$b_wid}; - } - } - } -} - -// Tasklist -#tasklist-button { - padding: 0 4px; - box-shadow: none; - background-image: none; - color: $fg_color; - - @extend %underscores; - - &:active { - background-color: rgba($fg_color, 0.15); - color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 5%)); - } - - &:checked { - background-color: rgba($fg_color, 0.12); - color: if($variant=='light', darken($fg_color, 5%), lighten($fg_color, 5%)); - } -} - -.budgie-panel { - @at-root %budgie_icon_tasklist_button, - button.flat.launcher { - min-width: 16px; - min-height: 16px; - padding: 0; - border-radius: 0; - background-position: center center; - - > image { opacity: 0.87; } - - &:hover { - -gtk-icon-effect: highlight; - > image { opacity: 1.0; } - } - - &:active { - > image { opacity: 1.0; } - } - - &:checked { - &:hover { -gtk-icon-effect: highlight; } - > image { opacity: 1.0; } - } - } - - @at-root %running_budgie_icon_tasklist_button, - .unpinned button.flat.launcher, - .pinned button.flat.launcher.running, - .pinned button.launcher.running.sidebar-button { - &:hover { -gtk-icon-effect: highlight; } - - > image { - background-repeat: no-repeat; - opacity: 1.0; - } - - &:checked { - > image { background-image: none; } - } - } -} - -// draw underscores and dots -@each $position, $_dot in (top, 6px 3px), - (bottom, 6px 3px), - (left, 3px 6px), - (right, 3px 6px) { - .#{$position} .budgie-panel { - .unpinned button.flat.launcher, - .pinned button.flat.launcher.running, - .pinned button.launcher.running.sidebar-button { - > image { - background-size: #{$_dot}; - background-position: #{$position} center; - background-image: image($selected_bg_color); - } - - &:checked { > image { background-image: none; } } - } - } -} - -box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { border-image: none; } // unset before drawing indicators - -// Raven borders -frame.raven-frame > border { - border-style: none; -} - -$pos_list: ((top, bottom), (bottom, top), (left, right), (right, left)); - -@each $pos, $b_pos in $pos_list { - // Panel borders - // .#{$pos} .budgie-panel { - // border-#{$b_pos}: 1px solid $panel_border_color; - // } - - // Raven borders - // .#{$pos} frame.raven-frame > border { - // margin-#{$b_pos}: 16px; - // } - - // Shadows - .#{$pos} .shadow-block { - background-image: linear-gradient(to $b_pos, rgba(black, 0.05) 0%, rgba(black, 0.03) 15%, rgba(black, 0.02) 60%, transparent); - } -} - -// .bottom .shadow-block { background-image: none; } - -$raven_opacity: if($variant =='light', 0.85, 0.95); -$raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px 0 rgba(black, 0.1); - -// Raven -.raven { - background-color: if($trans == 'true', rgba($raven_bg_color, $raven_opacity), $raven_bg_color); - color: $raven_fg_color; - box-shadow: $shadow_4; - - // for >=10.4 - > box { margin-bottom: -10px; } - - // for <10.4 - > stack { margin-bottom: -10px; } - - // > stack > box:last-child > stack { margin-top: -6px; } - - button { - @extend %raven_button; - &.image-button { @extend %circular_button; } - } - - stackswitcher { padding: 0 8px 12px 8px; } - stackswitcher.linked > button { @extend %raven_button; } - - .raven-header { - min-height: 36px; - padding: 2px; - - &:not(.top) { - margin-top: -6px; // remove extra spaces, but not perfect :( - - button { - @extend %flat_button; - min-height: 32px; - min-width: 32px; - margin: 0; - padding: 0; - - &.image-button { - border-radius: 100px; - -gtk-outline-radius: 100px; - } - } - } - - &.top { - padding: 2px 12px $raven_padding; - // background-color: rgba($raven_bg_color, 0.95); - color: $raven_fg_color; - border-bottom: 1px solid $borders_color; - - > stackswitcher.linked { - padding: 2px; - margin: 6px 0 0 0; - background-color: rgba($fg_color, 0.05); - border-radius: $bt_radius + 2px; - - > button { - border-radius: $bt_radius; - margin: 0; - padding: 0 20px; - min-height: 20px; - - &:hover { - background-color: rgba($button_bg, 0.35); - } - - &:active, &:checked { - background-color: $button_bg; - } - - &:checked { - box-shadow: 0 1px 2px rgba(black, 0.08), 0 2px 3px rgba(black, 0.05); - } - } - } - - // for <10.4 - button.image-button { - &:dir(ltr) { margin-right: 2px; } - &:dir(rtl) { margin-left: 2px; } - } - - // for <10.4 - > image { margin: 0 8px; } - - // for <10.4 - > label { - margin: 0 -8px; - font-weight: bold; - } - } - - &.bottom { border-top: 1px solid $borders_color; } - } - - scrolledwindow > .frame { // stacking raised-grid - // reserve L/R shadow region - // FIXME: Do not set any L/R margins and borders - padding: 0 $raven_padding; - transition-duration: 0s; - border: none; - - > box.vertical > box.vertical { - margin: $raven_padding 0; // do not set L/R margins - border-radius: $raven_radius; - background-color: $raven_header_bg_color; - // draw side edges via opaque box-shadows - transition-duration: 0s; - border: 1px solid $raven_border_color; - } - - .raven-header { - margin-top: -$raven_padding * 2; // unset parent margin - border-radius: $raven_radius $raven_radius 0 0; - } - - .raven-background { - margin-bottom: -$raven_padding * 2; // unset parent margin - border-radius: 0 0 $raven_radius $raven_radius; - background-color: $raven_base_color; - } - - > box.vertical > box.vertical:last-child { - // FIXME: we can't crop album-art images horizontally with any borders, - // paddings, and margins. And parent GtkBox does not sync to the size - // of album-art dynamically while transitioning images. so set specific - // depth-0 OSD materials for MPRIS. - border-radius: $raven_radius; - border: none; - background-color: if($variant =='light', rgba(black, 0.65), rgba(black, 0.35)); - color: rgba(white, 0.65); - - // .raven-header { - // background-color: rgba(black, 0.65); - // color: rgba(white, 0.75); - // } - - .raven-background { - background-color: rgba(black, 0.25); - margin-bottom: 0; // unset parent margin - - image { color: rgba(white, 0.15); } - - // MPRIS Applet - .raven-mpris { - background-color: rgba(black, 0.35); - color: $selected_fg_color; - border-radius: 0 0 $raven_radius $raven_radius; - - label { min-height: 24px; } - - image { //reset image color - color: rgba(white, 0.85); - &:disabled { - color: rgba(white, 0.35); - } - } - - button.image-button { - padding: 8px; - border: none; - @extend %selected-button; - } - } - } - - button.flat { - @extend %selected-button; - } - } - - // audio app/device switcher - box.audio-widget stackswitcher.linked { - padding: 0; // limit child horizontal spacing - - > button.text-button.radio { - padding-top: $raven_padding; - padding-bottom: $raven_padding; - border-top: 1px solid $dark_borders_color; - background-color: $menu_bg; - @extend %raven_middle_button; - - &:hover { - background-color: if($variant =='light', darken($menu_bg, 5%), lighten($menu_bg, 5%)); - } - - &:active, &:checked { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:disabled { @include button(flat-insensitive); } - - &:first-child { @extend %raven_first_button; } - &:last-child { @extend %raven_last_button; } - &:only-child { @extend %raven_single_button; } - } - } - } - - viewport.frame .raven-header { margin-top: -$raven_padding; } - - .expander-button { - border-radius: 100px; - -gtk-outline-radius: 100px; } - - .raven-background { - &.middle { border-bottom-style: none; } // applet background between two headers - - checkbutton, radiobutton { // this is for a nice focus on check and radios text - &.text-button { - &:hover { color: darken($raven_fg_color, 15%); } - &:disabled { color: rgba($raven_fg_color, 0.45); } - } - } - - // switch { } - - list { color: $raven_fg_color; background-color: $raven_base_color; } - - // for <10.4 - &.frame { border-style: solid none; border-width: 1px; border-color: $borders_color; } - - > overlay > widget > image { color: rgba($raven_fg_color, 0.12); } - - // for <10.4 - grid > label:first-child { min-height: 26px; } // workaround to fix vertical-align - - // for <10.4 - spinbutton:not(.vertical) { @extend %flat_entry; } - - // for <10.4 - // button.combo { } - } - - scrolledwindow.raven-background { border-bottom-style: none; } - - // for <10.4 - .raven-header.top + .raven-background { - border-style: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - - stackswitcher button { margin: -4px 0; } - } - - .powerstrip button.image-button { - min-height: 28px; - min-width: 28px; - margin: 0 4px; - padding: 6px; - } - - .option-subtitle { font-size: smaller; } - - // notification list - box.vertical > stack > box.vertical { - > .raven-header { background-color: $raven_header_bg_color; } - > .raven-background > viewport.frame { - padding: 0; // reset padding for full-width list node - - list { background-color: $raven_base_color; } - - > list > row.activatable { - margin-left: -8px; - margin-right: -2px; - background-color: transparent; - - > grid > *, // legacy - > box.vertical * { color: $raven_fg_color; } - - image { padding-left: 8px; } - - button.image-button { // 'dismiss' - @extend %circular_button; - margin: 8px; - padding: 2px; - image { padding: 0; } - &:active, &:checked { - image { color: white; } - } - } - - // sub-list rows grouping - list { - border-radius: 0; - border-top: 1px solid $borders_color; - border-bottom: 1px solid $borders_color; - - > row.activatable { - border-bottom: 1px solid $borders_color; - &:last-child { border-bottom: none; } - - &:selected { - background-color: rgba($raven_fg_color, 0.06); - } - - label { padding: 0 16px; } - - button.image-button { // 'close' - min-height: 24px; - min-width: 24px; - image { padding: 0; } - } - - // box.horizontal > label:first-child { font-weight: 500; } // title labels - } - } - - &:selected { - background-color: rgba($selected_bg_color, 0.75); - // &:dir(ltr) { box-shadow: inset 2px 0 $selected_bg_color; } - // &:dir(rtl) { box-shadow: inset -2px 0 $selected_bg_color; } - - > grid > *, - > box.vertical * { color: $selected_fg_color; } - - button.image-button { // 'dismiss' - border: none; - - &:hover { background-color: rgba(white, 0.25); } - &:active, &:checked { background-color: rgba(white, 0.35); } - } - - list { - border: 1px solid rgba(white, 0.12); - background: none; - - > row.activatable { - border-bottom: 1px solid rgba(white, 0.12); - &:last-child { border-bottom: none; } - - &:selected { - background-color: rgba($selected_bg_color, 0.65); - } - } - } - } - } - } - } - - .audio-widget { - // scale.marks-after { - // label { } - // } - - // button.flat.expander-button { } - - list.devices-list.sound-devices { - > row.activatable { - &:selected, &:checked { - background-color: rgba($fg_color, 0.06); - color: $fg_color; - - label { color: $fg_color; } - } - - label { padding-left: 12px; } - } - } - } -} - -// some specific scale styling -box.audio-widget, -window.sound-popover.background { - scale.horizontal.marks-after { // overdrive-mode scale - padding-top: 0; // unset default padding - padding-bottom: 0; - - trough { // overdrive-mode trough styling - background-color: transparent; // unset default trough color - @each $_dir, $_opp_end in (ltr, right), - (rtl, left) { - &:dir(#{$_dir}) { - background-image: - linear-gradient(to $_opp_end, - rgba($success_color, 0.25) calc(66% - 3px), - rgba($destructive_color, 0.25) calc(66% - 3px), - rgba($destructive_color, 0.25) 100%); - } - } - } - - mark { - // hide label for vertically centered troughs - label { font-size: 0; } - } - } -} - -// Calendar -calendar.raven-calendar { - margin: 2px 0; - padding: 4px; - border-style: none; - background-color: transparent; - color: $raven_fg_color; - - &:selected { - border-radius: 3px; - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - &.button { - @extend %undecorated_button; - color: transparentize($raven_fg_color, 0.55); - - &:hover { color: $raven_fg_color; } - &:disabled { color: transparentize($raven_fg_color, 0.75); } - } - - &:indeterminate { color: gtkalpha($raven_fg_color, 0.35); } - &.highlight { color: $raven_fg_color; } -} - -// Notifications -%budgie-notification-window, -.budgie-notification-window { - background-color: transparent; - background-image: none; - border-radius: $wm_radius; - - button.image-button { // 'close' - margin: 0; - padding: 0; - min-height: 28px; - min-width: 28px; - border-radius: 100px; - } -} - -%budgie-notification, -.budgie-notification { - background-color: transparent; - background-image: none; - - .notification-title { font-size: 120%; } - .notification-body { @extend %dim-label; } -} - -// On Screen Display in Budgie -.budgie-osd-window { - @extend %budgie-notification-window; -} - -// Internal part of the OSD -.budgie-osd { - background-color: transparent; - background-image: none; - .budgie-osd-text { font-size: 120%; } -} - -// Alt+tab switcher in Budgie -.budgie-switcher-window { - @extend %budgie-notification-window; -} - -window.budgie-switcher-window { - border-radius: $wm_radius; - background-color: transparent; - background-image: none; - - // draw actual backgrounds and shadows - .drop-shadow { @extend %drop-shadow; } - - flowboxchild { // icon-tiles - margin: 2px; - border-radius: $wm_radius; - -gtk-outline-radius: $wm_radius; - // background-color: transparent; - background-image: none; - } -} - -// Internal part of the Switcher -.budgie-switcher { - @extend %budgie-notification; - // background-color: transparent; - // background-image: none; -} - -%drop-shadow, .drop-shadow { - margin: 5px 9px; - padding: 8px; - border-radius: $wm_radius; - box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, - 0 3px 3px 0 if($variant == 'light', opacify($wm_shadow, 0.15), opacify($wm_shadow, 0.1)), - 0 0 0 1px if($variant=='light', rgba($borders_color, 0.15), rgba($dark_borders_color, 0.55)), - inset 0 0 0 1px rgba(white, 0.06); - - background-color: if($trans == 'true', rgba($base_color, 0.95), $base_color); - background-image: none; - - button { @extend %budgie_button; } - - .linked > button { border-radius: $bt_radius; } -} - -%budgie_dialog { - border-radius: $wm_radius; - background-color: $bg_color; - @if $variant == 'dark' { border: 1px solid lighten($menu_bg, 10%); } - - &.background {border-radius: $wm_radius; } - decoration { border-radius: $wm_radius; } -} - -// Session Dialog -.budgie-session-dialog, -.budgie-polkit-dialog { - @extend %budgie_dialog; - - label:not(:last-child), - .dialog-title { font-size: 120%; } - - buttonbox.linked.horizontal > button { - padding: 8px 16px; - margin: 8px 3px; - border: none; - border-radius: $wm_radius - 8px; - - &:first-child { margin-left: 8px; } - &:last-child { margin-right: 8px; } - } - - buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { - @include button(flat-normal); - - &:hover { - @include button(flat-hover); - transition: $button_transition; - } - - &:active, &:checked { - @include button(flat-active); - } - } -} - -// PolKit Dialog -.budgie-polkit-dialog { - @extend %budgie_dialog; - - .message { color: gtkalpha(currentColor, 0.6); } - .failure { color: $destructive_color; } -} - -// Run Dialog -.budgie-run-dialog { - @extend %budgie_dialog; - - background-color: $base_color; - - entry.search { - font-size: 120%; - padding: 6px 12px; - box-shadow: inset 0 1px $highlight_color; - background-color: transparent; - } - - list .dim-label { opacity: 1; } - - scrolledwindow { border-top: 1px solid $borders_color; } -} - -// pixel-saver(?) applet -.budgie-panel box.titlebar { - min-width: 20px; - min-height: 20px; - border-radius: 0; - background: none; - box-shadow: none; - border: none; - - > widget > label { color: rgba($panel_fg, 0.75); } // titles - - > button.image-button.titlebutton { - padding: 0 3px; - - // Load png assets for each button, Fix the Chrome window restore button bug - @each $k in ('close', 'maximize', 'minimize') { - @each $l, $m in (':backdrop',''), (':backdrop:hover','-hover'), (':backdrop:active','-active') { - &.#{$k}#{$l} { - background-image: -gtk-scaled(url('windows-assets/titlebutton-#{$k}#{$m}#{$asset_suffix}.png'), - url('windows-assets/titlebutton-#{$k}#{$m}#{$asset_suffix}@2.png')); - } - } - } - } - - &.horizontal { // spacing - padding: 0 3px; - - > widget > label { - &:dir(ltr) { padding-right: 3px; } - &:dir(rtl) { padding-left: 3px; } - } - - > button.image-button.titlebutton { padding: 0 3px; } - } -} diff --git a/src/sass/gtk/_colors-public.scss b/src/sass/gtk/_colors-public.scss deleted file mode 100644 index 78299030..00000000 --- a/src/sass/gtk/_colors-public.scss +++ /dev/null @@ -1,153 +0,0 @@ -//apps rely on some named colors to be exported - -// 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 -@define-color theme_fg_color #{"" + $fg_color}; -@define-color theme_text_color #{"" + $text_color}; -@define-color theme_bg_color #{"" + $bg_color}; -@define-color theme_base_color #{"" + $base_color}; -@define-color theme_selected_bg_color #{"" + $selected_bg_color}; -@define-color theme_selected_fg_color #{"" + $selected_fg_color}; -@define-color fg_color #{"" + $fg_color}; -@define-color text_color #{"" + $text_color}; -@define-color bg_color #{"" + $bg_color}; -@define-color base_color #{"" + $base_color}; -@define-color selected_bg_color #{"" + $selected_bg_color}; -@define-color selected_fg_color #{"" + $selected_fg_color}; -@define-color insensitive_bg_color #{"" + $disabled_fg_color}; -@define-color insensitive_fg_color alpha(#{"" + $disabled_fg_color}, 0.5); -@define-color insensitive_base_color #{"" + $base_color}; -@define-color theme_unfocused_fg_color #{"" + $fg_color}; -@define-color theme_unfocused_text_color #{"" + $text_color}; -@define-color theme_unfocused_bg_color #{"" + $bg_color}; -@define-color theme_unfocused_base_color #{"" + $base_color}; -@define-color borders #{"" + $borders_color}; -@define-color unfocused_borders #{"" + $borders_color}; - -@define-color warning_color #{"" + $warning_color}; -@define-color error_color #{"" + $error_color}; -@define-color success_color #{"" + $success_color}; -@define-color placeholder_text_color #{#A8A8A8}; -@define-color link_color #{"" + $link_color}; -@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%))}; - -//WM -$wm_highlight: lighten(opacify($header_highlight, 1), 10%); -$wm_bg_unfocused: opacify($header_bg_backdrop, 1); - -@define-color wm_title alpha(#{"" + opacify($header_fg, 1)}, 0.8); -@define-color wm_unfocused_title alpha(#{"" + opacify($header_fg, 1)}, 0.5); - -@define-color wm_bg #{"" + opacify($header_bg, 1)}; -@define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; - -@define-color wm_highlight #{"" + $wm_highlight}; -@define-color wm_shadow alpha(#{black}, 0.75); - -//WM Buttons - -// Close -@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; -@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; -@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; - -@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; - -// Minimize, Maximize -@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; -@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; - -@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; - -@define-color wm_icon_bg #{"" + $wm_icon_bg}; -@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; -@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; -@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; - -// Titlebar -@define-color titlebar_gradient_a #{"" + $header_bg}; -@define-color titlebar_gradient_b #{"" + $header_bg}; - -// -// Budgie-desktop specific indicator colours -// - -// unfocused window 'dot(s)' -@define-color budgie_tasklist_indicator_color #{"" + $selected_bg_color}; -// focused window 'line' -@define-color budgie_tasklist_indicator_color_active #{"" + $selected_bg_color}; -// group-ed and unfocused window 'line(s)' -@define-color budgie_tasklist_indicator_color_active_window #{"" + mix($selected_bg_color, $panel_bg, 54%)}; -// attention 'dot' -// FIXME: we can't fill whole widget backgrounds with our suggestion colour -// because of lacking specific style-class on 'needs_attention' state, -// so use warning orange dot instead. -@define-color budgie_tasklist_indicator_color_attention #{"" + $warning_color}; - -// -// Color Palette Definitions for compatibility with Granite. -// - -//* Strawberry * -@define-color STRAWBERRY_100 #{#FF9262}; -@define-color STRAWBERRY_300 #{#FF793E}; -@define-color STRAWBERRY_500 #{#F15D22}; -@define-color STRAWBERRY_700 #{#CF3B00}; -@define-color STRAWBERRY_900 #{#AC1800}; -//* Orange * -@define-color ORANGE_100 #{#FFDB91}; -@define-color ORANGE_300 #{#FFCA40}; -@define-color ORANGE_500 #{#FAA41A}; -@define-color ORANGE_700 #{#DE8800}; -@define-color ORANGE_900 #{#C26C00}; -//* Banana * -@define-color BANANA_100 #{#FFFFA8}; -@define-color BANANA_300 #{#FFFA7D}; -@define-color BANANA_500 #{#FFCE51}; -@define-color BANANA_700 #{#D1A023}; -@define-color BANANA_900 #{#A27100}; -//* Lime * -@define-color LIME_100 #{#A2F3BE}; -@define-color LIME_300 #{#8ADBA6}; -@define-color LIME_500 #{#73C48F}; -@define-color LIME_700 #{#479863}; -@define-color LIME_900 #{#1C6D38}; -//* Blueberry * -@define-color BLUEBERRY_100 #{#94A6FF}; -@define-color BLUEBERRY_300 #{#6A7CE0}; -@define-color BLUEBERRY_500 #{#3F51B5}; -@define-color BLUEBERRY_700 #{#213397}; -@define-color BLUEBERRY_900 #{#031579}; -//* Grape * -@define-color GRAPE_100 #{#D25DE6}; -@define-color GRAPE_300 #{#B84ACB}; -@define-color GRAPE_500 #{#9C27B0}; -@define-color GRAPE_700 #{#830E97}; -@define-color GRAPE_900 #{#6A007E}; -//* Cocoa * -@define-color COCOA_100 #{#9F9792}; -@define-color COCOA_300 #{#7B736E}; -@define-color COCOA_500 #{#574F4A}; -@define-color COCOA_700 #{#463E39}; -@define-color COCOA_900 #{#342C27}; -//* Silver * -@define-color SILVER_100 #{#EEE}; -@define-color SILVER_300 #{#CCC}; -@define-color SILVER_500 #{#AAA}; -@define-color SILVER_700 #{#888}; -@define-color SILVER_900 #{#666}; -//* Slate * -@define-color SLATE_100 #{#888}; -@define-color SLATE_300 #{#666}; -@define-color SLATE_500 #{#444}; -@define-color SLATE_700 #{#222}; -@define-color SLATE_900 #{#111}; -//* Black * -@define-color BLACK_100 #{#474341}; -@define-color BLACK_300 #{#403C3A}; -@define-color BLACK_500 #{#393634}; -@define-color BLACK_700 #{#33302F}; -@define-color BLACK_900 #{#2B2928}; diff --git a/src/sass/gtk/_common.scss b/src/sass/gtk/_common.scss deleted file mode 100644 index 6473009f..00000000 --- a/src/sass/gtk/_common.scss +++ /dev/null @@ -1,4028 +0,0 @@ - -* { - padding: 0; - background-clip: padding-box; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: $error_color; - - -GtkScrolledWindow-scrollbar-spacing: 0; - -GtkToolItemGroup-expander-size: 11; - - -GtkWidget-text-handle-width: 20; - -GtkWidget-text-handle-height: 20; - - -GtkDialog-button-spacing: 4; - -GtkDialog-action-area-border: 0; - - // We use the outline properties to signal the focus properties - outline-color: gtkalpha(currentColor, 0.15); - outline-style: solid; - outline-offset: -4px; - outline-width: 2px; - -gtk-outline-radius: $bt_radius; - -gtk-secondary-caret-color: $selected_bg_color; -} - -// -// Base States -// -.background { - // border-radius: 0 0 $wm_radius $wm_radius; - color: $fg_color; - background-color: rgba($bg_color, 0.999); - - // > box > stack { background-color: $bg_color; } - - &.csd { border-radius: 0 0 $wm_radius $wm_radius; } // Set csd windows botttom border radius - &.solid-csd { border-radius: 0; } -} - -.popup.background { - background-color: transparent; // without this menus transparency doesn't work -} - -*:disabled { -gtk-icon-effect: dim; } - -.gtkstyle-fallback { - background-color: $bg_color; - color: $fg_color; - - &:hover { - background-color: lighten($bg_color, 10%); - color: $fg_color; - } - - &:active { - background-color: darken($bg_color, 10%); - color: $fg_color; - } - - &:disabled { - background-color: $disabled_bg_color; - color: $disabled_fg_color; - } - - &:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -%view, .view { - color: $text_color; - background-color: $base_color; - transition: all 200ms $ease-out-quad; - - &:hover { background-color: if($variant=='light', darken($base_color, 3%), lighten($base_color, 3%)); } - - &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - transition: all 350ms $ease-out-quad; - - &:focus { - @extend %selected_items; - } - } -} - -textview { - background-color: $base_color; // This will get overridden by .view, needed by gedit line numbers - - text { - background-color: $base_color; - // @extend %view; - selection { &:focus, & { @extend %selected_items; }} - } - - border { - background-color: mix($bg_color, $base_color, 50%); - } -} - -iconview { - @extend %view; - - &, &:hover, &:selected { border-radius: $bt_radius; } -} - -%rubberband, -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; - border-radius: $bt_radius; - - &:selected { - @extend %selected_items; - - outline-offset: -2px; - } - } - - &.search-bar { border-bottom: 1px solid $header_border; } -} - -label { - &.separator { - @extend %dim-label; - - color: $fg_color; - } - - row:selected &, - &:selected { @extend %nobg_selected_items; } - - selection { - color: $selected_fg_color; - background-color: $selected_bg_color; - } - - &:disabled { - color: $disabled_fg_color; - selection { @extend %selected_items, :disabled; } - } -} - -%dim-label, .dim-label { - opacity: 0.55; -} - -assistant { - // min-height: 38px; - .sidebar { - background-color: $base_color; - border-top: 1px solid $borders_color; - } - - &.csd .sidebar { border-top-style: none; } - - .sidebar label { padding: 6px 12px; } - - .sidebar label.highlight { - background-color: $selected_bg_color; - color: $selected_fg_color; - } -} - -%osd, .osd { - color: $osd_fg_color; - border: none; - background-color: $osd_bg_color; - background-clip: padding-box; - box-shadow: none; -} - -// -// Spinner Animations -// -@keyframes spin { - to { -gtk-icon-transform: rotate(1turn); } -} - -spinner { - background: none; - opacity: 0; // 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; - } - } -} - -// -// 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 -// -%Linked_entrys { - @include entry(normal); - border: none; - - &:focus { - @include entry(focus); - } - - &:disabled { - @include entry(insensitive); - } -} - -entry { - min-height: 24px; - border: none; - padding: 2px 8px; - border-radius: $bt_radius; - caret-color: currentColor; - - &.search { border-radius: $bt_radius; } - - @include entry(normal); - - image { // icons inside the entry - color: mix($fg_color, $base_color, 80%); - - &.left { padding-left: 0; padding-right: 5px; } - &.right { padding-right: 0; padding-left: 5px; } - } - - @at-root %flat_entry, &.flat { - &, &:focus { - min-height: 0; - background-image: none; - border-color: transparent; - border-radius: 0; - } - } - - &:hover { - @include entry(hover); - } - - &:focus { - @include entry(focus); - } - - &:disabled { - @include entry(insensitive); - } - - selection { &:focus, & { @extend %selected_items; }} - - // error and warning style - @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $light_fg_color), - (error, $error_color, $light_fg_color), - (search-missing, $error_color, $light_fg_color) { // entry.search-missing for Gnome-Builder - &.#{$e_type} { - color: $e_fg_color; - background-color: mix($e_color, $base_color, 60%); - border-image: none; - - image { color: $e_fg_color; } - - &:focus { - color: $e_fg_color; - background-color: $e_color; - box-shadow: none; - } - - selection, selection:focus { - background-color: $e_fg_color; - color: $e_color; - } - } - } - - &:drop(active) { - &:focus, & { - border-color: $drop_target_color; - box-shadow: none; - border-image: none; - } - } - - .osd & { - @include entry(osd); - border-image: none; - &:focus { @include entry(osd-focus); border-image: none; } - &:disabled { @include entry(osd-insensitive); border-image: none; } - - selection { - &:focus, & { - color: $selected_bg_color; - background-color: $selected_fg_color; - } - } - } - - progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: $progress_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; - } - - // linked entries - .linked:not(.vertical) > &, - .linked:not(.vertical) > &:focus { - @extend %linked; - min-height: 20px; - } - - .linked.vertical > &, - .linked.vertical > &:focus { - @extend %linked_vertical; - } - - .linked > &:not(:only-child) { - @extend %Linked_entrys; - } - - .linked:not(.vertical) > & + button.combo { padding-left: 0; } - .linked.vertical > & + button.combo { padding: 0; } -} - -.entry-tag { - $tag_height: 24px; - $tag_margin: 8px; - - margin: $tag_margin; // instead of min-height: $tag_height; - border-radius: 50px; - box-shadow: none; - background-color: $destructive_color; - color: $light_fg_color; - border: none; - - &:hover { box-shadow: 0 0 0 1px $borders_color; } - - // side margins: compensate the entry padding with a negative margin - // then the negative margin itself - :dir(ltr) & { - margin-left: 8px; - margin-right: $tag_margin - 8px; - padding-left: 8px; - padding-right: ($tag_height - 16px) / 2; - } - - :dir(rtl) & { - margin-left: $tag_margin - 8px; - margin-right: 8px; - padding-left: ($tag_height - 16px) / 2; - padding-right: 8px; - } - - // seems any sizing doesn't work - &.button { - box-shadow: none; - border: none; - background-color: transparent; - - &:not(:hover):not(:active) { color: $disabled_fg_color; } - } -} - -// -// Buttons -// -// stuff for .needs-attention -$_dot_color: $selected_bg_color; - -@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($selected_bg_color), - to(transparent)); - } -} - -%flat_button { - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active { @include button(flat-active); } - &:checked { @include button(flat-checked); } - &:disabled { @include button(flat-insensitive); } -} - -button { - min-height: 20px; - min-width: 16px; - transition: $button_transition; - border: 1px solid; - border-radius: $bt_radius; - padding: 0 6px; - @include button(normal); - - separator { margin: 4px 1px; } - - &.flat { - @extend %flat_button; - min-height: if($variant =='light', 24px, 24px); - transition: none; - - &:hover { - transition: $button_transition; - transition-duration: 350ms; - - &:active { transition: $button_transition; } - } - - &:checked:hover { background-image: none; } - - &.toggle.popup { - min-width: 20px; - } - } - - &:hover { - @include button(hover); - -gtk-icon-effect: highlight; - } - - &:active, &:checked { - @include button(active); - - background-clip: if($variant=='light', border-box, padding-box); - transition-duration: 200ms; - - &:not(:disabled) label:disabled { color: inherit; opacity: 0.6; } - } - - //Webkitgtk workaround start - &:active { color: $fg_color; } - &:active:hover, &:checked { color: $selected_fg_color; } - //Webkitgtk workaround end - - &:disabled { - @include button(insensitive); - - &:active, &:checked { - @include button(insensitive-active); - } - } - - &.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; - } - - &.text-button { - min-height: 20px; - padding-left: 12px; - padding-right: 12px; - } - - &.text-button.image-button { - min-height: 24px; - padding-left: 5px; - padding-right: 5px; - - label { - &:first-child { - padding-left: 8px; - padding-right: 2px; - } - - &:last-child { - padding-right: 8px; - padding-left: 2px; - } - - &:only-child { - padding-left: 8px; - padding-right: 8px; - } - } - - &.popup { padding-right: 6px; padding-left: 6px; } - } - - &.close { // The Bloody Circul Button - @extend %circular_button; - } - - &:drop(active) { - color: $drop_target_color; - border-color: $drop_target_color; - box-shadow: none; - } - - // big standalone buttons like in Documents pager - &.osd { - color: $osd_fg_color; - background-color: $osd_bg_color; - border-color: darken($osd_bg_color, 8%); - - &.image-button { - padding: 0; - min-height: 42px; - min-width: 42px; - } - - &:hover { - color: $selected_bg_color; - box-shadow: none; - background-color: $osd_button_bg; - } - - &:active, &:checked {@include button(osd-active); } - &:disabled { @include button(osd-insensitive); } - } - - //overlay / OSD style - .osd & { - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:disabled { @include button(osd-insensitive); } - - &.flat { - @include button(undecorated); - box-shadow: none; - - &:hover { @include button(osd-hover); } - - &:disabled { - @include button(osd-insensitive); - background-image: none; - } - - &:active, &:checked { @include button(osd-active); } - } - } - - .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active):not(:only-child), - .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active) + &:not(:checked):not(:active) { box-shadow: none; } - - // Suggested and Destructive Action buttons - @each $b_type, $b_color, $b_fg in (suggested-action, $suggested_color, $light_fg_color), - (destructive-action, $destructive_color, $light_fg_color) { - &.#{$b_type} { - @include button(suggested_destructive, $b_color, $b_fg); - - &.flat { - @include button(undecorated); - color: $b_color; - } - - &:hover { - @include button(suggested_destructive, lighten($b_color, 5%), $b_fg); - } - - &:active, &:checked { - @include button(suggested_destructive, lighten($b_color, 10%), $b_fg); - box-shadow: none; - } - - &.flat:disabled { - @include button(undecorated); - color: $disabled_fg_color; - } - - &:disabled { @include button(insensitive); } - } - } - - .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 overridden by GtkRadioButton outline-offset - - > label { - padding-left: 6px; // label padding - padding-right: 6px; // - } - > image { - padding-left: 6px; - padding-right: 6px; - } - &.text-button { - padding-left: 10px; - padding-right: 10px; - } - &.image-button { - padding-left: 2px; - padding-right: 2px; - } - - &.needs-attention { - - > label, > image { @extend %needs_attention; } - - &:active, &:checked { - > label, > image { - animation: none; - background-image: none; - } - } - } - } - - %needs_attention { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, - center center, 0, - center center, 0.5, - to($_dot_color), - 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; } - - &:dir(rtl) { - @if $variant == 'light' { background-position: left 3px, left 4px; } - @else { background-position: left 3px, left 2px; } - } - } - - // hide separators - &.font, - &.file { separator { background-color: transparent; }} - - //inline-toolbar buttons - .inline-toolbar &, .inline-toolbar &:backdrop { - border-radius: $bt_radius; - // border: none; - @extend %linked; - } - - .linked:not(.vertical) > & { @extend %linked; } - - .linked.vertical > & { @extend %linked_vertical; } -} - -// 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 - // needed since those are flat... - min-height: 20px; - @include button(flat-normal); - &:hover { @include button(flat-hover); } - &:active, - &:checked{ @include button(flat-active); } - &:disabled { @include button(flat-insensitive); } - &:disabled:active, - &:disabled:checked { @include button(flat-insensitive-active); } -} - -// More inline toolbar buttons -toolbar.inline-toolbar toolbutton { - & > button.flat { @extend %linked; } - - &:first-child > button.flat { - border-top-left-radius: $bt_radius; - border-bottom-left-radius: $bt_radius; - } - - &:last-child > button.flat { - border-top-right-radius: $bt_radius; - border-bottom-right-radius: $bt_radius; - border-right-style: solid; - } - - &:only-child > button.flat { - border-radius: $bt_radius; - border-style: solid; - } -} - -// Some crazy linking stuff -@mixin linking_rules($a:0.7, $var:$variant, $vert:'false', $entry_rules:'true', $button_rules:'true', - $e_border:$entry_border, $b_border:$button_border) { - - $_border: if($vert=='false', left, top); - - @if $entry_rules=='true' { - @each $e_type, $e_color in (':focus', $entry_highlight), - (':drop(active)', $drop_target_color), - ('.warning:focus', $warning_color), - ('.error:focus', $error_color) { - - > entry#{$e_type}:not(:only-child) { - box-shadow: inset 0 0 0 2px $e_color; - } - } - } - - @if $button_rules=='true' { - $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; - - > button + button { border-#{$_border}-style: none; } - } -} - -// special case, because path-bars are bugged -@mixin pathbar_linking_rules ($sep_color: $button_border, $button_rules: 'true') { - - @if $button_rules == 'true' { - > button + button { - border-left-style: none; - } - } - - @if $button_rules == 'header' { - > button:first-child { border-left-style: if($variant == 'light', solid, none); } - > button + button { border-left-style: solid; } - - @if $variant == 'light' { - > button:active + button { - border-left-color: mix(black, $header_button_active_bg, 15%); - } - - > button:active + button:checked, - > button:checked + button { - border-left-color: mix(black, $header_button_checked_bg, 15%); - } - } - } -} - -// Apply the rules defined above -.linked:not(.vertical) { - &:not(.path-bar) { @include linking_rules(); } - &.path-bar { @include pathbar_linking_rules(); } -} - -.linked.vertical { @include linking_rules($vert:'true'); } - -%linked_middle { - border-radius: 0; - border-right-style: none; -} - -%linked { - @extend %linked_middle; - &:first-child { - border-top-left-radius: $bt_radius; - border-bottom-left-radius: $bt_radius; - } - &:last-child { - border-top-right-radius: $bt_radius; - border-bottom-right-radius: $bt_radius; - border-right-style: solid; - } - &:only-child { - border-radius: $bt_radius; - border-style: solid; - } -} - -%linked-flat { - @extend %linked_middle; - &:first-child { - border-top-left-radius: $bt_radius; - border-bottom-left-radius: 0; - } - &:last-child { - border-top-right-radius: $bt_radius; - border-bottom-right-radius: 0; - border-right-style: solid; - } - &:only-child { - border-radius: $bt_radius $bt_radius 0 0; - border-style: solid; - } -} - -%linked_vertical_middle { - border-radius: 0; - border-bottom-style: none; -} - -%linked_vertical{ - @extend %linked_vertical_middle; - &:first-child { - border-top-left-radius: $bt_radius; - border-top-right-radius: $bt_radius; - } - &:last-child { - border-bottom-left-radius: $bt_radius; - border-bottom-right-radius: $bt_radius; - border-bottom-style: solid; - } - &:only-child { - border-radius: $bt_radius; - border-style: solid; - } -} - -%undecorated_button { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; -} - -// menu buttons -menuitem.button.flat, -modelbutton.flat { - transition: $shorter_transition; - min-height: 26px; - padding-left: 8px; - padding-right: 8px; - outline-offset: -3px; - border-radius: $bt_radius; - - @extend %undecorated_button; - - &:hover { - background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); - transition-duration: 50ms; - } - - &:active, &:selected { - &, arrow { - @extend %selected_items; - transition: none; - animation: none; - } - } - - &:checked { color: $fg_color; } - &:disabled { color: $disabled_fg_color; } - - // FIXME: temporary workaround - check:last-child, - radio:last-child { margin-left: 8px; } - - check:first-child, - radio:first-child { margin-right: 8px; } -} - -modelbutton.flat arrow { - &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -} - -// -// Links -// -%links, *:link { - color: $link_color; - - &:visited { - color: $link_visited_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } - } - &:hover { - color: lighten($link_color,10%); - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } - } - &:active { - color: $link_color; - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } - } - - @at-root %link_selected, - &:selected, - *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } -} - -button:link, button:visited { - @extend %undecorated_button; - @extend %links; - - &:hover, &:active, &:checked { - @extend %undecorated_button; - } - > label { text-decoration-line: underline; } -} - -// -// Spinbuttons -// -spinbutton { - &:drop(active) { box-shadow: none; } - - button:active { color: $selected_fg_color; } - &:disabled { color: $disabled_fg_color; } - - entry { - @extend %Linked_entrys; - border: 1px solid $borders_color; - - &:focus { - border-color: $entry_highlight; - @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $entry_highlight; } - @if $variant == 'light' { box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px $entry_highlight; } - } - - &:drop(active) { - border-color: $drop_target_color; - @if $variant == 'dark' { box-shadow: inset 0 0 0 1px $drop_target_color; } - @if $variant == 'light' { box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px $drop_target_color; } - } - } - - &:not(.vertical) { - entry { - padding-top: 2px; - padding-bottom: 2px; - min-width: 28px; - } - - button, entry { @extend %linked; min-height: 20px; } - - &:dir(ltr) entry, - &:dir(rtl) button.up { border-radius: $bt_radius 0 0 $bt_radius; } - - > button + button { border-left-style: none; } - - > button:hover:not(:active), - > button:hover + button { box-shadow: inset 1px 0 $button_border; } - - > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), - > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { box-shadow: inset 1px 0 transparentize($button_border, 0.5); } - - > button:first-child:hover:not(:active), - > button.up:dir(rtl):hover:not(:active), - > entry + button:not(:active):hover { box-shadow: none; } - - > entry:focus + button { border-left-color: $entry_highlight; } - > entry:drop(active) + button { border-left-color: $drop_target_color; } - - .osd & { - &, &:focus, &:drop(active) { border-image: none; } - > button:hover:not(:active), - > button:hover + button { box-shadow: inset 1px 0 $osd_button_border; } - - > button:first-child:hover:not(:active), - > button.up:dir(rtl):hover:not(:active), - > entry + button:not(:active):hover { box-shadow: none; } - - > entry:focus + button { border-left-color: $entry_highlight; } - } - } - - &.vertical { - button, entry { - padding-left: 4px; - padding-right: 4px; - min-width: 0; - - @extend %linked_vertical; - } - - button.up { border-radius: $bt_radius $bt_radius 0 0; } - - > entry:focus + button { border-top-color: $entry_highlight; } - > entry:drop(active) + button { border-top-color: $drop_target_color; } - } -} - -// -// Comboboxes -// -combobox { - min-height: 16px; - - button.combo { - min-width: 0; // otherwise the arrow placement is unsymmetric - min-height: 16px; - // margin: 0; - padding-left: 12px; - padding-right: 12px; - } - - arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - min-height: 16px; - min-width: 16px; - } - - .background & button.combo arrow { - @include button(active); - -gtk-icon-source: -gtk-scaled( - url("assets/combobox-arrow-dark.png"), - url("assets/combobox-arrow-dark@2.png")); - min-height: 16px; - min-width: 18px; - padding: 0; - margin: 2px -10px 2px 0; - border-radius: $bt_radius - 1px; - border: none; - - @if $variant == 'dark' { - box-shadow: inset 0 1px $button_highlight, 0 0 0 1px $dark_borders_color, 0 1px 2px 0 rgba(black, 0.05); - } - } - - // .background & menu arrow { // Reset menu overflow arrow - // @extend %menu_overflow_arrow; - // } - - decoration, - button.combo:checked, - .background & button.combo:checked { transition: none; } // workaround for menuitem selection - - &:drop(active) button.combo { - color: $drop_target_color; - border-color: $drop_target_color; - box-shadow: none; - } - - .linked:not(.vertical) > entry + button.combo, - .linked:not(.vertical) > & > box > button.combo { - arrow { - background-color: transparent; - box-shadow: none; - -gtk-icon-source: -gtk-scaled( - url("assets/combobox-arrow#{$asset_suffix}.png"), - url("assets/combobox-arrow#{$asset_suffix}@2.png")); - } - } - - .linked:not(.vertical) > entry + button.combo:checked, - .linked:not(.vertical) > & > box > button.combo:checked { - arrow { - border-radius: 0; - background-color: transparent; - -gtk-icon-source: -gtk-scaled( - url("assets/combobox-arrow-dark.png"), - url("assets/combobox-arrow-dark@2.png")); - } - } - - .linked:not(.vertical) > & > box > button.combo { - // the combobox is a composite widget so the way we do button linking doesn't - // work, special case needed. - &:dir(ltr), - &:dir(rtl) { @extend %linked_middle; } // specificity bump - } - - .linked:not(.vertical) > &:first-child > box > button.combo { - border-top-left-radius: $bt_radius; - border-bottom-left-radius: $bt_radius - } - - .linked:not(.vertical) > &:last-child > box > button.combo { - border-top-right-radius: $bt_radius; - border-bottom-right-radius: $bt_radius; - border-right: 1px solid $button_borders; - } - - .linked:not(.vertical) > &:only-child > box > button.combo { - border-radius: $bt_radius; - } - - // .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } - .linked.vertical > &:first-child > box > button.combo { - border-top-left-radius: $bt_radius; - border-top-right-radius: $bt_radius; - } - - .linked.vertical > &:last-child > box > button.combo { - border-bottom-left-radius: $bt_radius; - border-bottom-right-radius: $bt_radius; - } - - .linked.vertical > &:only-child > box > button.combo { - border-radius: $bt_radius; - } -} - -// -// Toolbars -// -%toolbar, toolbar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: $header_bg; - // border-radius: $wm_radius; - - &.horizontal { border-bottom: 1px solid $borders_color; } - - separator { background: none; } - &.horizontal separator { margin: 0 6px; } - &.vertical separator { margin: 6px 0; } - - .osd & { background-color: transparent; } - - &.osd { - padding: 8px; - border: none; - border-radius: $bt_radius + 4px; - background-color: $osd_bg_color; - box-shadow: $shadow_4; - - &.toolbar { - padding: 0; - margin: 6px 8px 10px; - box-shadow: none; - background: none; - - > box.horizontal { - padding: 8px; - border-radius: $bt_radius + 4px; - background-color: $osd_bg_color; - box-shadow: $shadow_4; - } - } - - &.left, - &.right, - &.top, - &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars - - &.top { border-width: 0 0 1px 0; } - &.bottom { border-width: 1px 0 0 0; } - &.left { border-width: 0 1px 0 0; } - &.right { border-width: 0 0 0 1px; } - } - - // &:not(.inline-toolbar) { - // switch, - // scale, - // entry, - // spinbutton, - // button { - // margin-right: 1px; - // margin-bottom: 1px; - // } - // - // .linked > button, - // .linked > entry { margin-right:0; } - // } -} - -.primary-toolbar:not(.libreoffice-toolbar) { // LO messes up the toolbar styling, so exclude LO toolbars - color: $text_color; - background-color: transparent; - box-shadow: none; - border-width: 0 0 1px 0; - border-style: solid; - border-image: linear-gradient(to bottom, $borders_color, $borders_color) 1 0 1 0; //temporary hack for rhythmbox 3.1 - - // &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - - separator { @extend %header_separator; } -} - -.inline-toolbar { - @extend %toolbar; - background-color: darken($bg_color, 3%); - border-style: solid; - border-color: $borders_color; - border-width: 0 1px 1px; - padding: 3px; - - .background.csd & { - border-radius: 0 0 $bt_radius $bt_radius; - } -} - -searchbar { - background-color: $bg_color; - padding: 0; - margin: 0; - border: none; - - > revealer > box { - padding: 6px; - margin: -6px; - border-style: solid; - border-color: $solid_borders_color; - border-width: 0 0 1px; - } - - .linked:not(.vertical) { - > entry { - margin-top: 0; - margin-bottom: 0; - } - } - - // Close button on searchbar - button.flat { - @extend %circular_button; - } -} - -actionbar { - padding: 6px; - border-top: 1px solid $borders_color; - background-color: darken($bg_color, 3%); - - .background.csd revealer > & { - border-radius: 0 0 $wm_radius $wm_radius; - } -} - -// -// Headerbars -// - -headerbar { - min-height: 40px; - padding: 0 16px; - color: $header_fg; - background-color: $header_bg; - border-bottom: 1px solid $header_border; - - &:backdrop { - transition: $backdrop_transition; - color: transparentize($header_fg, 0.3); - background-color: $header_bg_backdrop; - border-color: if($variant=='light', lighten($header_border, 5%), darken($header_border, 3%)); - } - - .title { - padding-left: 12px; - padding-right: 12px; - } - - .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; - margin-top: -3px; - @extend %dim-label; - } - - entry { @extend %headerbar_entrys; } - - button { @extend %headerbar_buttons; } - - button, spinbutton { - margin-top: 8px; - margin-bottom: 8px; - } - - // button.toggle.popup { margin-right: 3px; } // Nautilus 3.30 popup button - - // Reset linked buttons - .linked:not(.vertical):not(.stack-switcher) > button { - min-width: 20px; - border-radius: $bt_radius; - border: none; - box-shadow: none; - - &:disabled { background: none; } - } - - stackswitcher.linked.stack-switcher:not(.vertical) > button { - min-height: 26px; - min-width: 20px; - border-radius: $bt_radius; - } - - // Reset linking entrys - .linked:not(.vertical) > entry { - @include entry(header-normal); - margin: 8px 3px; - padding: 0 8px; - border-radius: $bt_radius; - border: none; - - &:focus { - border-radius: $bt_radius; - @include entry(header-focus); - } - - &:disabled { - border-radius: $bt_radius; - @include entry(header-insensitive); - } - - &:backdrop { opacity: 0.65; background-image: none; } - } - - stackswitcher, .stack-switcher { - box-shadow: inset 0 0 0 1px $light_borders_color; - border-radius: $bt_radius; - margin: 8px 0; - padding: 0; - - button { - min-height: 26px; - margin: 0; - font-weight: 500; - - &:not(:first-child) { - border-width: 0 0 0 1px; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, - transparent 16%, - $light_borders_color 16%, - $light_borders_color 84%, - transparent 84%) 0 0 0 1 / 0 0 0 1px stretch; - } - - &:checked { - border-image: none; - } - } - - button:checked + button { border-image: none; } - } - - // Headerbar Switches - switch { - margin-top: 10px; - margin-bottom: 10px; - - &:backdrop { opacity: 0.75; } - } - - &.titlebar headerbar:not(.titlebar) { - background: none; - box-shadow: none; - } - - // Selectionmode - .selection-mode &, - &.selection-mode { - color: $light_fg_color; - background-color: $selection_mode_bg; - border-color: darken($selection_mode_bg, 4%); - box-shadow: none; - background-image: none; - text-shadow: none; - - &:backdrop { - background-color: $selection_mode_bg; - color: transparentize($light_fg_color, 0.4); - border-color: darken($selection_mode_bg, 4%); - } - - button { - @include button(undecorated); - @extend %selected-button; - } - - .subtitle:link { @extend %link_selected; } - - .selection-menu { - box-shadow: none; - padding-left: 10px; - padding-right: 10px; - GtkArrow { -GtkArrow-arrow-scaling: 1; } - - .arrow { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - } - - .maximized & { background-color: $selection_mode_bg; } - } - - .tiled &, .tiled &:backdrop, - .maximized &, .maximized &:backdrop { - // border-radius: 0; // squared corners when the window is max'd or tiled - box-shadow: none; - } - - .maximized & { - background-color: $header_bg; - border-color: opacify($header_border, 1); - box-shadow: none; - - &:backdrop { - background-color: $header_bg_backdrop; - border-color: if($variant=='light', lighten($header_border, 15%), darken($header_border, 3%)); - } - } - - &.default-decoration { - min-height: 32px; - padding: 0 12px; - background-color: $header_bg; - - .tiled &, - .maximized &, - .fullscreen & { box-shadow: none; } - - button.titlebutton { - border: none; - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - } - } - - &.default-decoration, - .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows - &.default-decoration:backdrop, - .csd &.default-decoration:backdrop { - // box-shadow: none; - border: none; - } - - separator.titlebutton { @extend %header_separator; } - - // Fixes split headerbars - separator:first-child + &, - &:first-child { - &, &:backdrop { - border-top-left-radius: $wm_radius; - - // .maximized &, - // .tiled & { border-radius: 0; } - } - } - - &:last-child { - &, &:backdrop { - border-top-right-radius: $wm_radius; - - // .maximized &, - // .tiled & { border-radius: 0; } - } - } - - stack & { // tackles the stacked headerbars case - &:first-child, &:last-child { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - } - - window separator:first-child + &, - window &:first-child { &:backdrop, & { border-top-left-radius: $wm_radius; }} - window &:last-child { &:backdrop, & { border-top-right-radius: $wm_radius; }} - - window stack & { // tackles the stacked headerbars case - &:first-child, &:last-child { - &:backdrop, & { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - } - } - - // window.tiled &, - // window.tiled-top &, - // window.tiled-right &, - // window.tiled-bottom &, - // window.tiled-left &, - // window.maximized &, - window.fullscreen &, - .solid-csd & { - &, - &:first-child, - &:last-child, - &:only-child { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - } -} - -.titlebar { - &, &.background { - border-top-left-radius: $wm_radius; - border-top-right-radius: $wm_radius; - } - - &, & headerbar { - box-shadow: inset 0 1px $highlight_color; - - // .tiled &, - // .maximized &, - .fullscreen & { box-shadow: none; } - } - - > box.left.horizontal, - > box.right.horizontal { - padding: 0 6px; - } -} - -window.background > box.vertical > headerbar:not(.titlebar) { // reset headerbar style for not CSD window - border-radius: 0 0 0 0; - box-shadow: none; - - // Fixes split headerbars - separator:first-child + &, - &:first-child { - &, &:backdrop { - border-top-left-radius: 0; - } - } - - &:last-child { - &, &:backdrop { - border-top-right-radius: 0; - } - } -} - -// Fixes split headerbars too -.titlebar:not(headerbar) { - window > &, - window.csd > & { - &, &:backdrop { - padding: 0; - background: none; - border: none; - box-shadow: none; - } - } - - > separator { - min-width: 1px; - @extend %side_separator; - } -} - -headerbar, .titlebar { - button { - min-height: 26px; - min-width: 22px; - } - - entry { // Reset entrys - min-height: 22px; - margin-top: 8px; - margin-bottom: 8px; - margin-left: 0; - margin-right: 0; - padding: 2px 8px; - } -} - -%header_separator { - min-width: 0; - min-height: 0; - background-color: transparent; - border: none; - - &:backdrop { opacity: 0.65; } -} - -// Headerbar Entries -%headerbar_entrys { - min-height: 22px; - @include entry(header-normal); - - &:backdrop { opacity: 0.65; background-image: none; } - - &:hover { - @include entry(header-hover); - } - - &:focus { - @include entry(header-focus); - } - - &:disabled { - @include entry(header-insensitive); - } - - selection:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - progress { - border-color: $progress_color; - background-image: none; - background-color: transparent; - } - - @each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $light_fg_color), - (error, $error_color, $light_fg_color) { - &.#{$e_type} { - color: $e_fg_color; - border-color: if($variant=='light', $e_color, $entry_border); - background-color: mix($e_color, $header_bg, 60%); - - &:focus { - color: $e_fg_color; - background-color: $e_color; - } - - selection, selection:focus { - background-color: $e_fg_color; - color: $e_color; - } - } - } -} - -// Headerbar Buttons -%headerbar_buttons { - min-height: 26px; - min-width: 22px; - @include button(header-normal); - - &:backdrop { opacity: 0.65; background-image: none; } - - &:hover { - @include button(header-hover); - transition: $button_transition; - } - - &:active, &:active:hover { - @include button(header-active); - transition: $button_transition; - transition-duration: 300ms; - } - - &:active:hover, &:checked { color: $header_fg; } - - &:checked { - @include button(header-checked); - transition: $button_transition; - transition-duration: 300ms; - - &:hover { background-image: none; } - } - - &:disabled { - &, &:checked, &:active { @include button(header-insensitive); } - } - - &.flat { - @include button(undecorated); - } -} - -// -// Pathbars -// -.path-bar button { - min-width: 12px; - min-height: if($variant == 'light', 24px, 26px); - - &.text-button, &.image-button, & { - padding-left: 6px; - padding-right: 6px; - } - - &:hover { box-shadow: none; } - - &:active, &:checked { - @include button(header-checked); - border-color: $button_borders; - } - - &:disabled { - border-color: $button_borders; - } - - &.text-button.image-button label { padding-left: 0; padding-right: 0; } - - &.text-button.image-button, & { - label:last-child { padding-right: 10px; } - label:first-child { padding-left: 10px; } - } - - &.slider-button, - &:not(.image-button):not(.text-button) { - padding-left: 1px; - padding-right: 1px; - } - - image { - padding-left: 4px; - padding-right: 4px; - } -} - -// -// Tree Views -// -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-radius: 0; - margin: 0 0; - - border-left-color: rgba($fg_color, 0.15); // this is actually the tree lines color, - border-top-color: $borders_color; // while this is the grid lines color, better then nothing - - rubberband { @extend %rubberband; } // to avoid borders being overridden by the previously set props - - acceleditor > label { background-color: $selected_bg_color; } - - &:selected { - &, &:focus { - border-radius: 0; - border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); - border-top-color: rgba($fg_color, 0.15); // doesn't work unfortunately - - @extend %selected_items; - } - } - - &:disabled { - color: $disabled_fg_color; - - &:selected { - color: mix($selected_fg_color, $selected_bg_color, 40%); - } - } - - &.separator { - min-height: 2px; - color: $borders_color; - } - - &:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: mix($fg_color, $selected_bg_color, 50%); - - &.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($fg_color, $base_color, 50%); - - &:hover { color: $fg_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, &.progressbar:focus { // progress bar in treeviews - color: $selected_fg_color; - border-radius: $bt_radius; - background-color: $progress_color; - - &:selected, &:selected:focus { - color: $selected_bg_color; - box-shadow: none; - background-color: $selected_fg_color; - } - } - - &.trough { // progress bar trough in treeviews - color: $fg_color; - background-color: $button_border; - border-radius: $bt_radius; - border-width: 0; - - &:selected, &:selected:focus { - color: $selected_fg_color; - background-color: transparentize(black, 0.8); - border-radius: $bt_radius; - border-width: 0; - } - } - - header { - button { - $_column_header_color: mix($fg_color,$base_color,80%); - - min-height: if($variant =='light', 24px, 26px); - min-width: 38px; - padding: 0 6px; - font-weight: bold; - - color: $_column_header_color; - background-color: $base_color; - background-image: none; - box-shadow: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, - $base_color 20%, - transparentize(if($variant == 'light', black, white), 0.89) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 80%, - $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; - - &:hover { color: $selected_bg_color; } - &:active { color: $fg_color; } - - &:active, &:hover { background-color: $base_color; } - &:active:hover { color: $fg_color; } - - &:disabled { - border-color: $bg_color; - background-image: none; - } - - &:last-child { - border-right-style: none; - border-image: none; - } - } - } - - button.dnd, - header.button.dnd { - &, &:selected, &:hover, &:active { - padding: 0 6px; - transition: none; - color: $selected_fg_color; - background-color: $selected_bg_color; - border-radius: 0; - border-style: none; - } - } -} - -// -// Menus -// - -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0; - background-color: $header_bg; - color: $header_fg; - box-shadow: inset 0 -1px $borders_color; - - &:backdrop { - color: transparentize($header_fg, 0.2); - // background-image: none; - // background-color: opacify($header_bg_backdrop, 1); - } - - > menuitem { - transition: all 0.2s cubic-bezier(0.0, 0.0, 0.2, 1); - padding: 4px 8px; - border: none; - border-radius: $bt_radius; - - // > window.popup.background.csd > decoration { border-radius: 0 0 $wm_radius $wm_radius; } - - > window.popup.background.csd > menu { - // border-radius: 0 0 $wm_radius $wm_radius; - - > menuitem { transition: none; } - } - - &:hover { //Seems like it :hover even with keyboard focus - transition: none; - @include button(header-hover); - } - - &:disabled { - color: transparentize($header_fg, 0.6); - } - } -} - -.context-menu, -menu, -.menu { - // margin: 4px; - padding: 6px 4px; - border-radius: $mn_radius; - background-color: opacify($menu_bg, 1); - border: 1px solid $solid_borders_color; - color: $fg_color; - - .csd & { - background-color: $menu_bg; - @if $variant == 'light' { border: none; } - @if $variant == 'dark' { border: 1px solid lighten($menu_bg, 6%); } - } - - separator, - .csd & separator { - margin: 2px 4px; - min-height: 0; - border-bottom: 2px solid $menu_bd; - background-color: transparent; - } - - > menuitem { - transition: background-color 50ms cubic-bezier(0.0, 0.0, 0.2, 1); - min-height: 12px; - min-width: 40px; - padding: 3px 6px; - border-radius: $mn_radius - 3px; - margin: 0 2px; - text-shadow: none; - color: $fg_color; - - &:hover { - transition: none; - color: $selected_fg_color; - background-color: $selected_bg_color; - - arrow { - transition: none; - color: $selected_fg_color; - } - - menu { //sunmenu - arrow { - color: $fg_color; - text-shadow: none; - -gtk-icon-shadow: none; - } - - menuitem:hover { - arrow { color: $selected_fg_color; } - } - } - } - - &:disabled { - color: $disabled_fg_color; - } - - //submenu indicators - arrow { - min-height: 16px; - min-width: 16px; - background-color: transparent; - background-image: none; - border: none; - color: $fg_color; - - &:dir(ltr) { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - margin-right: 0; - } - - &:dir(rtl) { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); - margin-left: 0; - } - } - - @at-root menuitem { - accelerator { color: gtkalpha(currentColor, 0.55); } - - check, radio { - min-height: 16px; - min-width: 16px; - &:dir(ltr) { margin-right: 6px; margin-left: 2px; } - &:dir(rtl) { margin-left: 6px; margin-right: 2px; } - } - } - } - - // overflow buttons - %menu_overflow_arrow, - > arrow { - min-width: 16px; - min-height: 16px; - padding: 2px; - background-color: transparent; - border-radius: 0; - border: none; - background-image: none; - color: $fg_color; - - &.top { - margin-top: -6px; - border-radius: $wm_radius $wm_radius 0 0; - border-bottom: 1px solid $borders_color; - -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); - } - - &.bottom { - margin-top: 12px; - margin-bottom: -16px; - border-radius: 0 0 $wm_radius $wm_radius; - border-top: 1px solid $borders_color; - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - - &:hover { background-color: rgba($fg_color, 0.08); } - - &:disabled { - color: transparent; - background-color: transparent; - border-color: transparent ; - } - } -} - -// -// Popovers -// -popover, -popover.background { - padding: 0; - border-radius: $wm_radius; - background-clip: border-box; - background-color: $menu_bg; - - box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)), - 0 0 0 1px if($variant=='light', rgba($borders_color, 0.03), rgba($dark_borders_color, 0.55)); - - .csd &, & { - border-radius: $wm_radius; - border: 1px solid if($variant=='light', rgba($borders_color, 0.2), lighten($menu_bg, 6%)); - } - - separator, - & separator, - .csd & separator { - // margin: 4px -9px; - // min-height: 2px; - border: none; - background-color: transparent; - } - - label.separator { - @extend %dim-label; - color: $fg_color; - } - - entry { - background-color: mix($fg_color, $menu_bg, 5%); - } - - > list, - > .view, - > toolbar { - border-style: none; - background-color: transparent; - } - - &, .csd & { - &.osd, &.magnifier { @extend %osd; } - &.touch-selection { font: initial; } - - &.osd { @extend %osd; } - } -} - -//touch selection handlebars for the Popover.osd above -cursor-handle { - background-color: transparent; - background-image: none; - box-shadow: none; - border-style: none; - &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } - &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } -} - -// -// Notebooks and Tabs -// -notebook { - padding: 0; - // margin-top: -1px; - - &.frame { - border: 1px solid $solid_borders_color; - } - - > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks - background-color: $base_color; - } - - &:not(.frame), &:not(.frame) > stack { - border-radius: 0 0 $wm_radius $wm_radius; - } - - > header { - padding: 0; - background-color: darken($header_bg, 10%); - - // Set box-shadow to make the header frame color more easy to see - // Set margin to hide the ugly borders around the header - &.top { - box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $borders_color; - @if $variant=='light' { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - 1px 0 $borders_color, - -1px 0 $borders_color; - } - margin-top: -1px; - } - - &.bottom { - box-shadow: inset 0 1px $borders_color, inset 0 -1px $solid_borders_color; - @if $variant=='light' { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - 1px 0 $borders_color, - -1px 0 $borders_color; - } - margin-bottom: -1px; - } - - &.right { - box-shadow: inset 1px 0 $borders_color, inset -1px 0 $solid_borders_color; - @if $variant=='light' { - box-shadow: inset 1px 0 $borders_color, - inset -1px 0 $borders_color, - 0 1px $borders_color, - 0 -1px $borders_color; - } - margin-right: -1px; - } - - &.left { - box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $borders_color; - @if $variant=='light' { - box-shadow: inset 1px 0 $borders_color, - inset -1px 0 $borders_color, - 0 1px $borders_color, - 0 -1px $borders_color; - } - margin-left: -1px; - } - - button.flat.toggle.popup { - min-width: 28px; - border-radius: 0; - padding: 0; - border: none; - box-shadow: none; - margin: 0; - - &:active, &:checked { - color: $fg_color; - background-color: if($variant=='light', rgba(black, 0.20), rgba(white, 0.15)); - } - } - - @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { - // sizing and borders - &.#{$_pos} { - padding: 0; - - tab { - padding: 2px 10px; - min-width: 24px; - min-height: 24px; - border-radius: 0; - outline-offset: -4px; - // border-#{$_pos}: none; - - // tab overlap - + tab { - @if $_pos==top or $_pos==bottom { margin-left: -1px; } - @else { margin-top: -1px; } - } - } - } - } - - // overflow arrows - &.top, &.bottom { - > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); - &:last-child { margin-left: 2px; } - } - - > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); - &:first-child { margin-right: 2px; } - } - } - - &.left, &.right { - > tabs > arrow.up { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - &:last-child { margin-top: 2px; } - } - - > tabs > arrow.down { - -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); - &:first-child { margin-bottom: 2px; } - } - } - - > tabs > arrow { - color: $disabled_fg_color; - - &:hover { color: mix($fg_color, $disabled_fg_color, 50%); } - &:active { color: $fg_color; } - &:disabled { color: transparentize($disabled_fg_color,0.3); } - } - - &.top, - &.bottom { - tabs > tab { - &:first-child { border-left-style: none; } - &:last-child { border-right-style: none; } - } - } - - &.left, - &.right { - tabs > tab { - &:first-child { border-top-style: none; } - &:last-child { border-bottom-style: none; } - } - } - - tabs > tab { - color: $disabled_fg_color; - background-color: transparentize($base_color, 1); - border: 1px solid transparent; - transition: all 150ms ease-out; - - &:hover:not(:checked) { - color: mix($fg_color, $disabled_fg_color, 50%); - background-color: if($variant == 'light', rgba(white, 0.2), rgba(white, 0.05)); - border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%)); - } - - &:checked { - color: $fg_color; - background-color: $header_bg; - border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%)); - } - - // close button - button.flat { - min-height: 20px; - min-width: 20px; - border-radius: 3px; - padding: 0; - margin-top: 2px; - margin-bottom: 2px; - color: mix($bg_color, $fg_color, 35%); - - &:hover { - @extend %undecorated_button; - color: $fg_color; - background-color: rgba($borders_color, 0.1); - } - - &:active, &:active:hover { - @extend %undecorated_button; - color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); - background-color: rgba($borders_color, 0.2); - } - } - } - } -} - -// -// Scrollbars -// -$_scrollbar_bg_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); - -scrollbar { - $_slider_min_length: 40px; - - // disable steppers - @at-root * { - -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - } - - background-color: transparent; - transition: 300ms $ease-out-quad; - - // 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; } - - border: none; - - button { border: none; } - - &.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-right-symbolic'); } - &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } - } - - // slider - slider { - min-width: 4px; - min-height: 4px; - margin: -1px; - border: 4px solid transparent; - border-radius: 8px; - background-clip: padding-box; - background-color: mix($fg_color, $bg_color, 40%); - - &:hover { background-color: mix($fg_color, $bg_color, 30%); } - &:hover:active { background-color: $header_button_checked_bg; } - &:disabled { background-color: transparent; } - } - - &.fine-tune { - slider { - min-width: 4px; - min-height: 4px; - } - - &.horizontal slider { border-width: 5px 4px; } - &.vertical slider { border-width: 4px 5px; } - } - - &.overlay-indicator { - &:not(.dragging):not(.hovering) { - opacity: 0.4; - border-color: transparent; - background-color: transparent; - - slider { - margin: 0; - min-width: 4px; - min-height: 4px; - background-color: mix($fg_color, $bg_color, 70%); - border: 1px solid $borders_color; - } - - &.horizontal slider { - margin: 0 3px; - min-width: $_slider_min_length; - } - - &.vertical slider { - margin: 3px 0; - min-height: $_slider_min_length; - } - } - - &.dragging, - &.hovering { opacity: 0.99; } - } - - &.horizontal slider { min-width: $_slider_min_length; } - &.vertical slider { min-height: $_slider_min_length; } -} - -// -// Switches -// - -$switch_image: linear-gradient(0deg, rgba($fg_color, 0.25) 0%, rgba($fg_color, 0.35) 100%); -$switch_disabled_image: linear-gradient(0deg, rgba($fg_color, 0.1) 0%, rgba($fg_color, 0.15) 100%); -$switch_checked_image: linear-gradient(0deg, lighten($selected_bg_color, 10%) 0%, $selected_bg_color 100%); -$switch_checked_disabled_image: linear-gradient(0deg, lighten($selected_bg_color, 35%) 0%, lighten($selected_bg_color, 25%) 100%); -$switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); - -@keyframes switch_ripple_effect { - from { - background-image: $switch_image, radial-gradient(circle farthest-corner at center, - transparent 0%, - transparent 0%); - } - - to { - background-image: $switch_checked_image, radial-gradient(circle farthest-corner at center, - rgba($selected_bg_color, 0.75) 100%, - rgba($selected_bg_color, 0.0) 0%); - } -} - -switch { - transition: $longer_transition; - border-radius: $circular_radius; - background-color: transparent; - background-clip: padding-box; - color: transparent; - min-width: 40px; - min-height: 24px; - font-size: 0; - box-shadow: inset 0 1px 2px rgba(black, 0.1); - background-image: $switch_image, radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); - - &:disabled { - color: transparent; - background-color: transparent; - background-image: $switch_disabled_image; - } - - &:checked { - animation: $switch_animation; - background-color: transparent; - color: transparent; - box-shadow: inset 0 1px 2px rgba(black, 0.15); - transition: background-image 0.3s, box-shadow 0; - background-image: $switch_checked_image, radial-gradient(circle farthest-corner at center, rgba($selected_bg_color, 0.75) 100%, transparent 0%); - - &:disabled { - background-color: transparent; - background-image: $switch_checked_disabled_image; - color: transparent; - } - } - - slider { - transition: $longer_transition, $shadow_transition, margin 0; - min-width: 22px; - min-height: 22px; - margin: 1px 0 1px 1px; - border-radius: $circular_radius; - -gtk-outline-radius: $circular_radius; - background-color: white; - box-shadow: 0 1px 2px rgba(black, 0.15); - } - - &:hover slider { box-shadow: $shadow_5; } - - &:checked slider { - margin: 1px 1px 1px 0; - background-color: $selected_fg_color; - } - - &:disabled slider { @include entry(disabled); } - - &:checked:disabled slider { animation: none; } -} - -// -// Check and Radio items -// -@each $w,$a in ('check', 'checkbox'), - ('radio','radio') { - - //standard checks and radios - @each $s,$as in ('','-unchecked'), - (':disabled','-unchecked-insensitive'), - (':indeterminate', '-mixed'), - (':indeterminate:disabled', '-mixed-insensitive'), - (':checked', '-checked'), - (':checked:disabled','-checked-insensitive') { - .#{$w}#{$s}, - #{$w}#{$s}, - treeview.#{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), - url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); - } - - .osd, - %osd_check_radio { - #{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), - url("assets/#{$a}#{$as}-dark@2.png")); - } - } - - // the borders of checks and radios are - // too similar in luminosity to the selected background color, hence - // we need special casing. - - // menuitem #{$w}#{$s}:hover, - // .view #{$w}#{$s}:selected, - // treeview.#{$w}#{$s}:selected, - // row:selected #{$w}#{$s}, - infobar #{$w}#{$s} { - -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), - url("assets/#{$a}#{$as}-selected@2.png")); - } - } -} - -// Selectionmode -@each $s,$as in ('','-selectionmode'), - (':checked', '-checked-selectionmode') { - .view.content-view.check#{$s}:not(list) { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), - url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); - background-color: transparent; - } -} - -checkbutton, radiobutton { - // this is for a nice focus on check and radios text - &.text-button { - padding: 2px 0; - outline-offset: 0; - &:hover { color: darken($fg_color, 15%); } - &:disabled { color: $disabled_fg_color; } - } - - label:not(:only-child) { - &:first-child { margin-left: 4px; } - &:last-child { margin-right: 4px; } - } -} - -check, -radio { - min-width: 16px; - min-height: 16px; - margin: 0 2px; - - &:only-child, - menu menuitem & { margin: 0; } -} - -// -// GtkScale -// -scale { - $_marks_length: 3px; - $_marks_distance: 1px; - - min-height: 15px; - min-width: 15px; - padding: 3px; - - &.horizontal { - trough { padding: 0 4px; } - highlight, fill { margin: 0 -4px; } - } - - &.vertical { - trough { padding: 4px 0; } - highlight, fill { margin: -4px 0; } - } - - // The slider is inside the trough, negative margin to make it bigger - slider { - min-height: 15px; - min-width: 15px; - margin: -7px; - } - - // Click-and-hold the slider to activate - &.fine-tune { - // Make the trough grow in fine-tune mode - slider { margin: -4px; } - - fill, - highlight, - trough { - border-radius: 5px; - -gtk-outline-radius: 7px; - } - } - - // Trough - trough { - $_scale_trough_bg: rgba(black, 0.2); - - outline-offset: 2px; - -gtk-outline-radius: 6px; - - border-radius: $bt_radius; - background-color: $_scale_trough_bg; - - &:disabled { background-color: rgba($_scale_trough_bg, 0.12); } - - //OSD troughs - .osd & { - background-color: $_scale_trough_bg; - - highlight { - background-color: $selected_bg_color; - - &:disabled { } - } - - &:disabled { } - } - - // Troughs in selected list-rows and infobars - menuitem:hover &, - row:selected &, - infobar & { - background-color: transparentize(black, 0.8); - - highlight { - background-color: $selected_fg_color; - - &:disabled { background-color: mix($selected_fg_color, $selected_bg_color, 55%); } - } - - &:disabled { background-color: transparentize(black, 0.9); } - } - } - - // The colored part of trough - highlight { - border-radius: $bt_radius; - background-color: $selected_bg_color; - - &:disabled { background-color: transparentize($selected_bg_color, 0.45); } - } - - // this is another differently styled part of the trough, the most relevant use case is for example - // in media player to indicate how much video stream as been cached - fill { - border-radius: $bt_radius; - background-color: transparentize($selected_bg_color, 0.5); - - &:disabled { background-color: transparent; } - } - - slider { - $_slider_border: if($variant=='light', transparentize(darken($button_border, 0%), 0), transparentize($button_border, 0)); - - background-color: $selected_fg_color; - border: 1px solid $_slider_border; - border-radius: 100%; - box-shadow: $shadow_2; - - transition: $button_transition; - transition-property: background, border; - - &:hover { - background-color: lighten($selected_fg_color, 3%); - border-color: $_slider_border; - box-shadow: $shadow_0; - } - - &:active { - background-clip: border-box; - background-color: $selected_fg_color; - border-color: $_slider_border; - box-shadow: $shadow_3; - } - - &:disabled { - background-color: darken($selected_fg_color, 5%); - border-color: darken($_slider_border, 5%); - } - - // Selected list-row and infobar sliders - menuitem:hover &, - row:selected &, - infobar & { - background-clip: border-box; - background-color: $selected_fg_color; - border-color: $selected_fg_color; - - &:hover { - background-color: mix($selected_fg_color, $selected_bg_color, 85%); - border-color: mix($selected_fg_color, $selected_bg_color, 85%); - } - &:active { - background-color: mix($selected_fg_color, $selected_bg_color, 50%); - border-color: mix($selected_fg_color, $selected_bg_color, 50%); - } - &:disabled{ - background-color: mix($selected_fg_color, $selected_bg_color, 55%); - border-color: mix($selected_fg_color, $selected_bg_color, 55%); - } - } - - // OSD sliders - .osd & { - background-clip: border-box; - background-color: $selected_fg_color; - border-color: $_slider_border; - - &:hover { - background-color: lighten($selected_fg_color, 3%); - border-color: $_slider_border; - box-shadow: $shadow_0; - } - - &:active { - background-color: darken($selected_fg_color, 3%); - border-color: $_slider_border; - box-shadow: $shadow_3; - } - - &:disabled { } - } - } - - value { color: gtkalpha(currentColor, 0.4); } - - marks { - color: gtkalpha(currentColor, 0.4); - - @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), - (bottom, bottom, top), - (top, left, right), - (bottom, right, left) { - &.#{$marks_class} { - margin-#{$marks_margin}: $_marks_distance; - margin-#{$marks_pos}: -($_marks_distance + $_marks_length); - } - } - } - - &.fine-tune marks { - @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), - (bottom, bottom, top), - (top, left, right), - (bottom, right, left) { - &.#{$marks_class} { - margin-#{$marks_margin}: ($_marks_distance - 1px); - margin-#{$marks_pos}: -($_marks_distance + $_marks_length - 2px); - } - } - } - &.horizontal { - indicator { - min-height: $_marks_length; - min-width: 1px; - } - - &.fine-tune indicator { min-height: ($_marks_length - 1px); } - } - &.vertical { - indicator { - min-height: 1px; - min-width: $_marks_length; - } - - &.fine-tune indicator { min-width: ($_marks_length - 1px); } - } - - // *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') { - &.#{$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}'; - 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: 24px; - - @if $marks_infix == 'scale-has-marks-above' { - margin-top: -14px; - - $_scale_slider_bg_pos: top; - } - - @else { margin-bottom: -14px; } - } - - @else { - min-height: 24px; - 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; } - } - } - } - } - } - } -} - - -// -// Progress bars -// -progressbar { - padding: 0; - font-size: smaller; - color: transparentize($fg_color, 0.3); - - &.osd { - min-width: 3px; - min-height: 3px; - background-color: transparent; - - trough { - border-style: none; - background-color: transparent; - box-shadow: none; - } - } - // Moving bit - progress { - min-height: 4px; - min-width: 4px; - background-color: $progress_color; - border: none; - border-radius: $bt_radius; - box-shadow: none; //needed for clipping - - row:selected &, - infobar & { background-color: $selected_fg_color; } - } - // Trough - trough { - min-height: 4px; - min-width: 4px; - border: none; - border-radius: $bt_radius; - background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); - - row:selected &, - infobar & { background-color: transparentize(black, 0.8); } - } -} - -// -// Level Bar -// -levelbar { - block { - min-width: 32px; - min-height: 1px; - } - &.vertical block { - min-width: 1px; - min-height: 32px; - } - - trough { - border: none; - padding: 3px; - border-radius: $bt_radius; - background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); - } - - &.horizontal.discrete block { margin: 0 1px; } - &.vertical.discrete block { margin: 1px 0; } - - block:not(.empty) { - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; - border-radius: $bt_radius; - } - block.low { - border-color: $warning_color; - background-color: $warning_color; - } - block.high { - border-color: $selected_bg_color; - background-color: $selected_bg_color; - } - block.full { - border-color: $success_color; - background-color: $success_color; - } - block.empty { - background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); - border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); - } -} - -// -// Print dialog -// -printdialog { - paper { - border: 1px solid $borders_color; - background: $base_color; - padding: 0; - } - - .dialog-action-box { margin: 12px; } -} - -// -// Frames -// -frame > border, -.frame { - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid $borders_color; -} - -frame.flat > border, -frame > border.flat, -.frame.flat { - border-style: none; -} - -scrolledwindow { - viewport.frame { // avoid double borders when viewport inside scrolled window - border-style: none; - } - - // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. - // This draws a box on top of the content, the size changes programmatically. - overshoot { - &.top { @include overshoot(top); } - &.bottom { @include overshoot(bottom); } - &.left { @include overshoot(left); } - &.right { @include overshoot(right); } - } - - // Overflow indication, works similarly to the overshoot, the size if fixed tho. - undershoot { - &.top { @include undershoot(top); } - &.bottom { @include undershoot(bottom); } - &.left { @include undershoot(left); } - &.right { @include undershoot(right); } - } - - @at-root junction { // the small square between two scrollbars - border-style: solid none none solid; - border-width: 1px; - border-color: $borders_color; - background-color: $_scrollbar_bg_color; - - &:dir(rtl) { border-style: solid solid none none; } - } -} - -//vbox and hbox separators -separator { - background-color: $borders_color; - min-width: 1px; - min-height: 1px; - - // &.vertical { - // background-color: if($variant=='light', $borders_color, $header_border); - // } -} - -// -// Lists -// -list { - background-color: $base_color; - border-color: $borders_color; - // border-radius: $wm_radius; - - row { padding: 2px; } -} - -%row_activatable { - &.has-open-popup, - &:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); } - - &:active { - color: $fg_color; - background-color: if($variant == 'light', rgba(black, 0.2), rgba(white, 0.2)); - transition-duration: 200ms; - } - - &:disabled { - color: $disabled_fg_color; - image { color: inherit; } - } - - &:selected { - &, &:active { - color: $fg_color; - background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15)); - - label { color: $fg_color; } - } - - &.has-open-popup, - &:hover { background-color: if($variant == 'light', rgba(black, 0.2), rgba(white, 0.2)); } - } -} - -row { - &:not(:hover) { transition: all 300ms $ease-out-quad; } - - button.circular { @extend %circular_button; } - - &:selected { - color: $fg_color; - background-color: if($variant == 'light', rgba(black, 0.15), rgba(white, 0.15)); - - label { color: $fg_color; } - - // button { @extend %selected-button; } - } - - &.activatable { - @extend %row_activatable; - } -} - -// -// App Notifications -// -.app-notification { - padding: 16px; - margin: 0 8px 8px 8px; - color: $fg_color; - background-color: rgba($header_bg, 0.85); - // background-image: linear-gradient(0deg, $bg_color 0%, $bg_color 85%, darken($bg_color, 5%) 95%, darken($bg_color, 15%) 100%); - border-radius: 0 0 $bt_radius $bt_radius; - border: none; - box-shadow: $shadow_5, 0 0 0 1px if($variant=='light', rgba(black, 0.12), rgba(black, 0.75)); - - border { border: none; } - - button { - @extend %undecorated_button; - - &:not(.text-button).image-button { - @extend %circular_button; - } - - &:hover { @include button(flat-hover); } - &:active, &:checked { @include button(flat-active); } - &:disabled { @include button(flat-insensitive); } - } -} - -// -// Expanders -// -expander { - arrow { - 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 - &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - } -} - -// -// Calendar -// -%calendar, -calendar { - color: $fg_color; - border: 1px solid $borders_color; - border-radius: $bt_radius; - padding: 2px 6px; - margin: 0; - - &:selected { - @extend %selected_items; - border-radius: 50px; - } - - &:disabled { color: $disabled_fg_color; } - - &.header { - color: $fg_color; - border: none; - } - - &.button { - @extend %undecorated_button; - - color: rgba($fg_color, 0.45); - - &:hover { color: $fg_color; } - - &:disabled { color: $disabled_fg_color; } - } - - &:indeterminate { color: rgba($fg_color, 0.55); } - &.highlight { color: rgba($fg_color, 0.65); font-weight: 500; } -} - -// -// Dialogs -// - -messagedialog { // Message Dialog styling - - &.background { - background-color: rgba($bg_color, 0.95); - } - - .titlebar { - min-height: 28px; - background-color: rgba($bg_color, 0.95); - border: none; - } - - .dialog-action-area { - padding: 6px; - - button { - min-height: 20px; - padding: 4px 8px; - box-shadow: none; - border-radius: $bt_radius; - margin: 0 3px 3px 3px; - border: none; - - &:not(.suggested-action):not(.destructive-action) { - border-radius: $bt_radius; - background-color: transparent; - - &:hover { - @include button(flat-hover); - transition: $button_transition; - } - - &:active, &:checked { - - @if $variant == 'light' { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - @else { - @include button(active); - } - } - } - - &.suggested-action, &.destructive-action { - border-radius: $bt_radius; - } - } - } - - &.csd { // rounded bottom border styling for csd version - &.background { - border-bottom-left-radius: $wm_radius; - border-bottom-right-radius: $wm_radius; - border: none; - } - } -} - -// -// Filechooser -// -filechooser { - .csd & { - background-color: $base_color; - border-radius: 0 0 $wm_radius $wm_radius; - - placessidebar.sidebar { background-color: transparent; } - - actionbar { - color: $dark_sidebar_fg; - background-color: transparent; - border-color: $borders_color; - border-radius: 0 0 $wm_radius 0; - - label, combobox { color: $dark_sidebar_fg; } - } - - stack.view { - background-color: transparent; - - scrolledwindow { - background-color: transparent; - border-radius: 0 0 $wm_radius $wm_radius; - - list { background-color: transparent; } - - treeview.view { - @extend %view; - background-color: transparent; - } - } - } - - box.vertical > paned > separator { // Use paned separator to hide stack border-bottom-left-radius - border: none; - background-color: transparent; - background-image: image($base_color); - background-size: 8px 8px; - background-position: left bottom; - - &:dir(ltr) { margin-left: -1px; } - &:dir(rtl) { margin-right: -1px; } - } - } - - placessidebar.sidebar { - border: none; - - &.frame { border-right: 1px solid if($variant=='light', $solid_borders_color, $header_border); } - } - - #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } -} - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; -} - -// -// Sidebar -// -.sidebar { - border-style: none; - background-color: $bg_color; - - @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; - } - - list { - background-color: transparent; - - > separator { - min-height: 0; - background: none; - border: none; - } - } - - paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} -} - -stacksidebar { - &.sidebar { - &:dir(ltr) list, - &.left list, - &.left:dir(rtl) list { @extend %sidebar_left; } - - &:dir(rtl) list, - &.right list { @extend %sidebar_right; } - } - - row { - padding: 4px 4px; - - > label { - padding-left: 6px; - padding-right: 6px; - } - &.needs-attention > label { - @extend %needs_attention; - background-size: 6px 6px, 0 0; - } - } -} - -placessidebar { - > viewport.frame { border-style: none; } - - row { - // Needs overriding of the GtkListBoxRow padding - min-height: 24px; - padding: 2px 10px; - // Using margins/padding directly in the SidebarRow - // will make the animation of the new bookmark row jump - > revealer { - padding: 0 10px; - } - - image.sidebar-icon { - &:dir(ltr) { padding-right: 6px; } - &:dir(rtl) { padding-left: 6px; } - } - - label.sidebar-label { - &:dir(ltr) { padding-right: 6px; } - &:dir(rtl) { padding-left: 6px; } - } - - @at-root button.sidebar-button { - min-width: 22px; - min-height: 22px; - margin-top: 2px; - margin-bottom: 2px; - padding: 0; - border-radius: 100px; - -gtk-outline-radius: 100px; - - > image { opacity: 0.85 }; - - &:active, &:checked { - @include button(flat-active); - border-color: if($variant=='light', rgba(black, 0.3), $dark_borders_color); - } - - &:not(:hover):not(:active) > image { opacity: 0.65 }; - } - - &:selected button.sidebar-button { - @include button(normal); - - &:active, &:checked { - @include button(flat-active); - border-color: if($variant=='light', rgba(black, 0.3), rgba(white, 0.25)); - } - } - - &.sidebar-placeholder-row { - padding: 0 8px; - min-height: 2px; - background-image: _solid($drop_target_color); - background-clip: content-box; - } - - &.sidebar-new-bookmark-row { color: $selected_bg_color; } - - &:drop(active):not(:disabled) { - &, label, image { color: $drop_target_color; } - - box-shadow: inset 0 1px $drop_target_color, - inset 0 -1px $drop_target_color; - - &:selected { - &, label, image { color: $dark_sidebar_fg; } - background-color: $drop_target_color; - } - } - } -} - -// -// Placesview -// -placesview { - .server-list-button > image { - -gtk-icon-transform: rotate(0turn); - } - - .server-list-button:checked > image { - transition: 200ms $ease-out-quad; - -gtk-icon-transform: rotate(-0.5turn); - } - - // this selects the "connect to server" label - > 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: _solid($borders_color); - background-size: 1px 1px; - - &:selected { background-image: _solid($selected_bg_color); } - - &.wide { - min-width: 5px; - min-height: 5px; - background-color: $bg_color; - background-image: _solid($solid_borders_color), _solid($solid_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; - - &.info { - & > revealer > box, - &:backdrop > revealer > box { - background-color: $selected_bg_color; - selection { color: $selected_bg_color; } - } - } - - &.question { - & > revealer > box, - &:backdrop > revealer > box { - background-color: $suggested_color; - selection { color: $suggested_color; } - } - } - - &.warning { - & > revealer > box, - &:backdrop > revealer > box { - background-color: $warning_color; - selection { color: $warning_color; } - } - } - - &.error { - & > revealer > box, - &:backdrop > revealer > box { - background-color: $error_color; - selection { color: $error_color; } - } - } - - &.info, - &.question, - &.warning, - &.error { - & > revealer > box, - &:hover > revealer > box, - &:backdrop > revealer > box { - color: $selected_fg_color; - caret-color: currentColor; - - button { - min-height: 28px; - @extend %selected-button; - } - - selection { - background-color: $selected_fg_color; - } - - *:link { @extend %link_selected; } - } - } -} - -// -// Buttons on selected backgrounds -// - -%selected-button { - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.5); - background-image: none; - box-shadow: none; - - &.flat { - @include button(undecorated); - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - background-image: none; - } - - &.flat:disabled { - &, label { color: transparentize($selected_fg_color, 0.6); } - } - - &:hover { - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 0.8); - border-color: transparentize($selected_fg_color, 0.5); - box-shadow: none; - } - - &:active, &:active:hover, &:checked { - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 0.6); - border-color: transparentize($selected_fg_color, 0.5); - box-shadow: none; - } - - &:disabled { - &, label { color: transparentize($selected_fg_color, 0.5); } - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.6); - box-shadow: none; - } - - &:disabled:active, &:disabled:checked { - color: $selected_bg_color; - background-color: transparentize($selected_fg_color, 0.5); - border-color: transparentize($selected_fg_color, 0.6); - } -} - -%normal_selected_button { - color: $selected_fg_color; - background-color: transparentize($selected_fg_color, 1); - border-color: transparentize($selected_fg_color, 0.5); - background-image: none; -} - -// -// Tooltips -// -tooltip { - &.background { - &, &.csd { - // 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: lighten($osd_bg_color, 10%); - background-clip: padding-box; - border-radius: $bt_radius; - - label { padding: 4px; } - } - } - - border-radius: $bt_radius; - box-shadow: none; - - decoration { background-color: transparent; } - - * { //Yeah this is ugly - background-color: transparent; - color: $osd_fg_color; // just to be sure - } -} - -// -// Color Chooser -// -colorswatch { - // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one - // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style - // is applied to the overlay box. - - $_colorswatch-radius: 2px; - - &, &:drop(active) { border-style: none; } - - // border rounding - &.top { - border-top-left-radius: $_colorswatch-radius + 0.5px; - border-top-right-radius: $_colorswatch-radius + 0.5; - - 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.5; - - 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: transparentize(white, 0.3); - &:hover { - border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); - } - } - &.light overlay { - color: transparentize(black, 0.3); - &:hover { - border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); - } - } - - overlay { - border: 1px solid if($variant == 'light', transparentize(black, 0.85), $borders_color); - &:hover { background-color: transparentize(white, 0.8) } - } - - &:disabled { - opacity: 0.5; - overlay { - border-color: transparentize(black, 0.4); - box-shadow: none; - } - } - - &#add-color-button { - border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi - border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set - @include button(normal); - &:hover { @include button(hover); } - overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath - } -} - -button.color { - padding: 0; - - colorswatch:first-child:last-child { - &, overlay { - margin: 4px; - border-radius: 0; - } - } -} - -// colorscale popup -colorchooser .popover.osd { border-radius: $bt_radius; } - -// -// Misc -// -//content view (grid/list) -.content-view { - background-color: $base_color; - - &:hover { -gtk-icon-effect: highlight; } - - rubberband { @extend %rubberband; } -} - -.scale-popup { - .osd & { @extend %osd; } - - button { // +/- buttons on GtkVolumeButton popup - &:hover { - @include button(hover); - } - } -} - -// Decouple the font of context menus from their entry/textview -.context-menu { font: initial; } -.monospace { font-family: Monospace; } - -// -// Shortcuts Help -// -%circular_button, -button.circular { - border-radius: 100px; - -gtk-outline-radius: 100px; - padding: 0 0 0 0; - min-height: 28px; - min-width: 28px; - - &:active, &:checked { - @if $variant=='light' { - @include button(flat-active); - border-color: rgba(black, 0.2); - } - } - - // label { padding: 0; } -} - -.keycap { - min-width: 16px; - min-height: 20px; - - padding: 3px 6px 4px 6px; - - color: $fg_color; - background-color: $base_color; - border: 1px solid $borders_color; - border-radius: $bt_radius; - box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); -} - -stackswitcher { - button.text-button { min-width: 80px; } - button.circular { - @extend %circular_button; - } -} - -// -// Dnd -// -*:drop(active):focus, -*:drop(active) { - box-shadow: inset 0 0 0 1px $drop_target_color; -} - -// -// Window Decorations -// - -decoration { - transition: $shadow_transition; - border-radius: if($variant=='light', $wm_radius, $wm_radius); - box-shadow: 0 3px 3px 0 $wm_shadow, - 0 8px 8px 0 $wm_shadow, - 0 16px 16px 0 $wm_shadow, - $wm_outline; - - // this is used for the resize cursor area - margin: 6px; - - &:backdrop { - // the transparent shadow here is to enforce that the shadow extents don't - // change when we go to backdrop, to prevent jumping windows - box-shadow: 0 3px 3px 0 $wm_shadow, - 0 8px 8px 0 transparent, - 0 16px 16px 0 transparent, - $wm_outline; - } - - .maximized &, - .fullscreen &, - .tiled &, - .tiled-top &, - .tiled-right &, - .tiled-bottom &, - .tiled-left & { - box-shadow: 0 3px 3px 0 $wm_shadow, $wm_outline; - } - - .fullscreen & { border-radius: 0; } - - .popup & { - box-shadow: none; - border-radius: $wm_radius; - } - - // server-side decorations as used by mutter - .ssd & { - margin: -5px; - border-radius: $wm_radius $wm_radius 0 0; - box-shadow: 0 0 5px 0 $wm_shadow, $wm_outline; - // &.maximized { border-radius: 0; } - } - - .csd.popup & { - border-radius: $mn_radius; - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), $wm_outline; - } - - tooltip.csd & { - border-radius: $wm_radius; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); - } - - messagedialog.csd & { - border-radius: $wm_radius; - } - - .solid-csd & { - border: 1px solid $header_border; - border-radius: 0; - margin: 0; - background-color: $header_bg; - box-shadow: none; - } -} - -// -// Titlebuttons -// -headerbar, -.titlebar { - button.titlebutton { - &.close, &.maximize, &.minimize { - min-width: 16px; - min-height: 16px; - margin: 0; - padding: 0; - color: transparent; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-size: 16px 16px; - border-width: 0; - box-shadow: none; - - &:backdrop { opacity: 1; } - } - - // Load png assets for each button, Fix the Chrome window restore button bug - @each $k in ('close', 'maximize', 'minimize') { - @each $l, $m in ('',''), (':backdrop','-backdrop'), (':backdrop:hover','-backdrop-hover'), (':hover','-hover'), (':active','-active') { - &.#{$k}#{$l} { - background-image: -gtk-scaled(url('windows-assets/titlebutton-#{$k}#{$m}#{$asset_suffix}.png'), - url('windows-assets/titlebutton-#{$k}#{$m}#{$asset_suffix}@2.png')); - } - } - } - } - - .fullscreen &, - .maximized & { - button.titlebutton { - @each $l, $m in ('',''), (':backdrop','-backdrop'), (':backdrop:hover','-backdrop-hover'), (':hover','-hover'), (':active','-active') { - &.maximize#{$l} { - background-image: -gtk-scaled(url('windows-assets/titlebutton-restore#{$m}#{$asset_suffix}.png'), - url('windows-assets/titlebutton-restore#{$m}#{$asset_suffix}@2.png')); - } - } - } - } -} - -// catch all extend -%selected_items { - background-color: $selected_bg_color; - color: $selected_fg_color; - - &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } -} - -%nobg_selected_items { - color: $selected_fg_color; - - &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } -} - -/********* - * Emoji * - *********/ -popover.emoji-picker { - padding: 0; - border-radius: $wm_radius; - - entry { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - box-shadow: none; - border-width: 0 0 1px 0; - padding: 6px 12px; - background: none; - - &, &:focus, &:disabled { - margin: -1px -1px 0 -1px; - border-image: none; - border-bottom: 1px solid $borders_color; - } - } - - scrolledwindow { - border-bottom: 1px solid $borders_color; - - &.view { - background: none; - } - } -} - -// mimic tab style -button.emoji-section { - margin: 3px 1px; - padding: 1px 12px; - border-radius: $bt_radius; - border: none; - outline-offset: -2px; - box-shadow: none; - transition: none; - animation: none; - - &:first-child { margin-left: 6px; } - &:last-child { margin-right: 6px; } -} - -.emoji { - min-width: 3em; - min-height: 3em; - padding: 0; - // font-size: large; - - widget { - border-radius: $bt_radius; - transition: none; - - &:hover { @extend %selected_items; } - } -} diff --git a/src/sass/gtk/_drawing.scss b/src/sass/gtk/_drawing.scss deleted file mode 100644 index cb322189..00000000 --- a/src/sass/gtk/_drawing.scss +++ /dev/null @@ -1,454 +0,0 @@ - -// Solid color image -@function _solid($c) { - @return linear-gradient(to bottom, $c, $c); -} - -// Entries - -@mixin entry($t) { -// -// Entries drawing function -// -// $t: entry type -// - - @if $t==normal { - // - // normal entry - // - color: $text_color; - background-color: $entry_bg; - box-shadow: inset 0 0 0 2px transparent; - } - - @if $t==hover { - // - // hover entry - // - color: $text_color; - background-color: $entry_bg; - box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05), inset 0 0 0 2px transparent; - transition-duration: $shorter_duration * 2; - } - - @if $t==focus { - // - // focused entry - // - color: $text_color; - background-color: $entry_bg; - box-shadow: inset 0 0 0 2px $entry_highlight; - transition-duration: $longer_duration * 2; - } - - @if $t==insensitive { - // - // insensitive entry - // - color: $disabled_fg_color; - background-color: rgba($entry_bg, 0.02); - } - - @if $t==header-normal { - // - // normal header-bar entry - // - color: $header_fg; - background-color: $entry_bg; - box-shadow: inset 0 0 0 2px transparent; - - image, image:hover { color: inherit; } - } - - @if $t==header-hover { - // - // header-hover entry - // - color: $header_fg; - background-color: $entry_bg; - box-shadow: inset 0 0 0 1px rgba($borders_color, 0.05), inset 0 0 0 2px transparent; - transition-duration: $shorter_duration * 2; - } - - @if $t==header-focus { - // - // focused header-bar entry - // - // border-color: $selection_mode_bg; - background-image: none; - background-color: $entry_bg; - box-shadow: inset 0 0 0 2px $entry_highlight; - } - - @if $t==header-insensitive { - // - // insensitive header-bar entry - // - color: rgba($header_fg, 0.35); - background-color: rgba($entry_bg, 0.02); - } - - @else if $t==osd { - // - // normal osd entry - // - color: $osd_fg_color; - border-color: $osd_entry_border; - background-color: $osd_entry_bg; - - image, image:hover { color: inherit; } - } - - @else if $t==osd-focus { - // - // active osd entry - // - color: $selected_fg_color; - border-color: darken($selection_mode_bg, 5%); - background-color: $selected_bg_color; - } - - @else if $t==osd-insensitive { - // - // insensitive osd entry - // - color: $osd_fg_color; - background-color: transparentize($osd_entry_bg, 0.15); - } -} - -// Buttons - -@mixin button($t, $actionb_bg:red, $actionb_fg: green) { -// -// Button drawing function -// -// $t: button type, -// $actionb_bg, $actionb_fg: used for destructive and suggested action buttons - - @if $t==normal { - // - // normal button - // - color: $fg_color; - border-color: $button_borders; - background-color: $button_bg; - @if $variant=='light' { box-shadow: $shadow_3; } - @if $variant=='dark' { - box-shadow: inset 0 1px $button_highlight, inset 0 -1px rgba(white, 0.02), $shadow_3; - } - } - - @else if $t==hover { - // - // hovered button - // - color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%)); - border-color: $button_borders_hover; - background-color: if($variant=='light', darken($button_bg, 3%), lighten($button_bg, 3%)); - @if $variant=='light' { box-shadow: none; } - @if $variant=='dark' { - box-shadow: inset 0 1px rgba($button_highlight, 0.12), $shadow_3; - } - } - - @else if $t==active { - // - // pushed button - // - color: $selected_fg_color; - background-color: $selected_bg_color; - border-color: if($variant=='light', $selected_bg_color, $dark_borders_color); - @if $variant=='light' { box-shadow: none; } - } - - @else if $t==insensitive { - // - // insensitive button - // - label, & { color: $disabled_fg_color; } - - border-color: if($variant == 'light', $button_border, $dark_borders_color); - background-color: rgba($button_bg, 0.55); - box-shadow: none; - } - - @else if $t==insensitive-active { - // - // insensitive pushed button - // - label, & { color: transparentize($selected_fg_color, 0.45); } - - border-color: if($variant == 'light', transparentize($selected_bg_color, 1), $dark_borders_color); - background-color: transparentize($selected_bg_color, 0.45); - @if $variant=='light' { box-shadow: none; } - - opacity: 0.6; - } - - @if $t==flat-normal { - // - // normal button - // - border: none; - background-color: transparent; - box-shadow: none; - background-clip: if($variant=='light', border-box, padding-box); - } - - @else if $t==flat-hover { - // - // hovered button - // - color: darken($fg_color, 10%); - background-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); - background-image: none; - box-shadow: none; - // border-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); - } - - @else if $t==flat-active { - // - // pushed button - // - background-image: none; - color: $selected_fg_color; - background-color: if($variant=='light', rgba(black, 0.5), rgba(white, 0.25)); - } - - @else if $t==flat-checked { - // - // pushed button - // - background-image: none; - color: $selected_fg_color; - background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35)); - } - - @else if $t==flat-insensitive { - // - // insensitive button - // - label, & { color: $disabled_fg_color; } - - background-color: transparent; -// border: none; - } - - @else if $t==flat-insensitive-active { - // - // insensitive pushed button - // - label, & { color: transparentize($selected_fg_color, 0.2); } - - background-color: lighten($fg_color, 20%); - opacity: 0.6; - } - - @if $t==header-normal { - // - // normal header-bar button - // - color: $header_fg; - background-color: transparent; - background-image: none; - border: none; - box-shadow: none; - } - - @else if $t==header-hover { - // - // hovered header-bar button - // - color: darken($header_fg, 2%); - background-color: rgba($header_fg, 0.1); - background-image: none; - box-shadow: none; - } - - @else if $t==header-active { - // - // pushed header-bar button - // - color: $header_fg; - background-color: rgba($header_fg, 0.25); - background-image: none; - box-shadow: none; - } - - @else if $t==header-checked { - // - // pushed header-bar button - // - color: $header_fg; - background-color: rgba($header_fg, 0.12); - background-image: none; - box-shadow: none; - } - - @else if $t==header-insensitive { - // - // insensitive header-bar button - // - label, & { color: rgba($header_fg, 0.35); } - background: none; - box-shadow: none; - } - - @else if $t==header-insensitive-active { - // - // header-bar insensitive pushed button - // - color: rgba($header_fg, 0.35); - background-color: transparent; - } - - @else if $t==osd { - // - // normal osd button - // - color: $osd_fg_color; - border-color: $osd_button_border; - background-color: $osd_button_bg; - box-shadow: none; - } - - @else if $t==osd-hover { - // - // active osd button - // - color: $osd_fg_color; - border-color: $osd_button_border; - background-color: opacify(lighten($osd_button_bg, 7%), 0.1); - box-shadow: none; - } - - @else if $t==osd-active { - // - // active osd button - // - color: $selected_fg_color; - border-color: if($variant == 'light', $selected_bg_color, $osd_button_border); - background-color: $selected_bg_color; - background-image: none; - box-shadow: none; - } - - @else if $t==osd-insensitive { - // - // insensitive osd button - // - color: $osd_disabled_fg_color; - border-color: $osd_button_border; - background-color: transparentize($osd_button_bg, 0.15); - box-shadow: none; - } - - @else if $t==suggested_destructive { - // - // suggested or destructive action buttons - // - @if $variant == 'light' { background-clip: border-box; } - - color: $actionb_fg; - background-color: $actionb_bg; - border-color: if($variant == 'light', darken($actionb_bg, 6%), $dark_borders_color); - background-image: none; - box-shadow: if($variant=='light', none, (inset 0 1px rgba(white, 0.15), inset 0 -1px rgba(white, 0.03))); - } - - @else if $t==undecorated { - // - // reset - // - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: none; - } -} - -// -// Overshoot -// -@mixin overshoot($p, $c:$selected_bg_color) { -// $p: position -// $c: base color -// -// possible $p values: -// top, bottom, right, left -// - - $_big_gradient_length: 60%; - - $_position: center top; - $_big_gradient_size: 100% $_big_gradient_length; - - @if $p==bottom { - $_position: center bottom; - } - - @else if $p==right { - $_position: right center; - $_big_gradient_size: $_big_gradient_length 100%; - } - - @else if $p==left { - $_position: left center; - $_big_gradient_size: $_big_gradient_length 100%; - } - - background-image: -gtk-gradient(radial, - $_position, 0, - $_position, 0.6, - from(transparentize($c, 0.8)), - to(transparentize($c, 1))); - - background-size: $_big_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; // -} - -// -// Undershoot -// -@mixin undershoot($p) { -// $p: position -// -// possible $p values: -// top, bottom, right, left -// - - $_undershoot_color_dark: transparentize(black, 0.8); - $_undershoot_color_light: transparentize(white, 0.8); - - $_gradient_dir: left; - $_dash_bg_size: 10px 1px; - $_gradient_repeat: repeat-x; - $_bg_pos: center $p; - - background-color: transparent; // shouldn't be needed, but better to be sure; - - @if ($p == left) or ($p == right) { - $_gradient_dir: top; - $_dash_bg_size: 1px 10px; - $_gradient_repeat: repeat-y; - $_bg_pos: $p center; - } - - background-image: linear-gradient(to $_gradient_dir, // this is the dashed line - $_undershoot_color_light 50%, - $_undershoot_color_dark 50%); - - padding-#{$p}: 1px; - background-size: $_dash_bg_size; - background-repeat: $_gradient_repeat; - background-origin: content-box; - background-position: $_bg_pos; - border: none; -} diff --git a/src/sass/gtk/_granite.scss b/src/sass/gtk/_granite.scss deleted file mode 100644 index a564d55e..00000000 --- a/src/sass/gtk/_granite.scss +++ /dev/null @@ -1,218 +0,0 @@ -// Granite Widgets - -// -// Overlay Bar -// -.overlay-bar { - background-color: $selected_bg_color; - border-color: $selected_bg_color; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; - - label { color: $selected_fg_color; } -} - -// -// Thin Pane Separator -// -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid $borders_color; - border-right: 1px solid $borders_color; - -} - -// avoid borders when a viewport is -// packed into a Static Notebook, or Popover -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; -} - -// -// Help Button -// -.help_button { - border-radius: 100px; - padding: 3px 9px; -} - -// -// Secondary Toolbars -// -toolbar.secondary-toolbar { - padding: 3px; - border-bottom: 1px solid $borders_color; - - button { padding: 0 3px 0 3px; } -} - -// -// Bottom Toolbars -// -toolbar.bottom-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: $borders_color; - background-color: $bg_color; - - button { padding: 2px 3px 2px 3px; } -} - -// -// Sidebar & Source List -// -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; -} - -.source-list, -.source-list.view { - background-color: $bg_color; - color: $fg_color; - -gtk-icon-style: regular; -} - -.source-list.category-expander { - color: transparent; -} - -.source-list.view:hover { - background-color: lighten($bg_color, 5%); -} - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; -} - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: $bg_color; - background-image: none; -} - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: $selected_bg_color; - color: $selected_fg_color; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; -} - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: $selected_fg_color; - color: $selected_bg_color; -} - -// -// Expander -// -.source-list.category-expander { - color: $fg_color; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; -} - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; -} - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -} - -// -// Welcome -// -GraniteWidgetsWelcome { - background-color: $base_color; -} - -GraniteWidgetsWelcome label { - color: mix($fg_color, $bg_color, 50%); - font-size: 11px; - text-shadow: none; -} - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: transparentize($fg_color, 0.2); -} - -// -// Help Button -// -.help_button { - border-radius: 0; -} - -// -// Popover -// -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - - border: 1px solid transparentize(black, 0.7); - margin: 0; -} - -.popover_bg { - background-image: _solid($base_color); - border: 1px solid transparentize(black, 0.7); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; -} - -// -// Xs Entry -// -GraniteWidgetsXsEntry entry { padding: 4px; } - -// -// Text Styles -// -.h1 { font-size: 24px; } -.h2 { font-size: 18px; } -.h3 { font-size: 11px; } -.h4, -.category-label { - color: mix($bg_color, $text_color, 30%); - font-weight: 600; -} - -.h4 { - padding-bottom: 6px; - padding-top: 6px; -} - -GtkListBox .h4{ - padding-left: 6px; -} diff --git a/src/sass/gtk/_lightdm.scss b/src/sass/gtk/_lightdm.scss deleted file mode 100644 index a9ab2fd9..00000000 --- a/src/sass/gtk/_lightdm.scss +++ /dev/null @@ -1,109 +0,0 @@ -// the panel widget at the top -#panel_window { - background-color: $panel_bg; - color: $panel_fg; - font-weight: bold; - box-shadow: inset 0 -1px darken($panel_bg, 7%); - - // the menubars/menus of the panel, i.e. indicators - menubar { - padding-left: 5px; - - &, > menuitem { - background-color: transparent; - color: $panel_fg; - font-weight: bold; - } - } - - menubar menuitem:disabled { - color: transparentize($panel_fg, 0.5); - - label { color: inherit; } - } - menubar menu > menuitem { font-weight: normal; } -} - -// the login window -#login_window, -#shutdown_dialog, -#restart_dialog { - font-weight: normal; - border-style: none; - background-color: transparent; - color: $fg_color; -} - -// the top half of the login-window, in GtkDialog terms, the content -#content_frame { - padding-bottom: 14px; - background-color: $bg_color; - border-top-left-radius: 2px; - border-top-right-radius: 2px; - border: solid transparentize(black, 0.9); - border-width: 1px 1px 0 1px; -} - -#content_frame button { - @include button(normal); - - &:hover { @include button(hover); } - &:active, &:checked { @include button(active); } - &:disabled { @include button(insensitive); } -} - -// the lower half of the login-window, in GtkDialog terms the buttonbox or action area -#buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - background-color: if($variant=='light', $osd_bg_color, $header_bg); - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: solid transparentize(black, 0.9); - border-width: 0 1px 1px 1px; - box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); -} - -#buttonbox_frame button{ - @include button(osd); - - &:hover { @include button(osd-hover); } - &:active, &:checked { @include button(osd-active); } - &:disabled { @include button(osd-insensitive); } -} - -#login_window #user_combobox { - color: $fg_color; - font-size: 13px; - - menu { font-weight: normal; } -} - -// the user's avatar box -#user_image { - padding: 3px; - border-radius: 2px; -} - -// the shutdown button -#shutdown_button.button { - @include button(suggested_destructive, $destructive_color); - - &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } - &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } -} - -// the restart button -#restart_button.button { - @include button(suggested_destructive, $suggested_color); - - &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } - &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } -} - -// the warning, in case a wrong password is entered or something else goes wrong according to PAM -#greeter_infobar { - border-bottom-width: 0; - font-weight: bold; -} diff --git a/src/sass/gtk/_unity.scss b/src/sass/gtk/_unity.scss deleted file mode 100644 index 8e9fa6bc..00000000 --- a/src/sass/gtk/_unity.scss +++ /dev/null @@ -1,160 +0,0 @@ -// Decorations -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 6px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); - -UnityDecoration-inactive-shadow-radius: 7px; - - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: $selected_bg_color; - - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; - - &.background { border-radius: $wm_radius; background-color: transparent; } - - .top { - border: 1px solid $borders_color; - border-bottom-width: 0; - border-radius: $wm_radius $wm_radius 0 0; - padding: 1px 6px 0 6px; - - background-color: $header_bg; - color: $header_fg; // The foreground color will be used to paint the text - - box-shadow: inset 0 1px lighten($header_bg, 3%); - - &:backdrop { - border-bottom-width: 0; - //background-image: _solid(opacify($header_bg_backdrop, 1)); - color: transparentize($header_fg, 0.3); - } - } - .left, .right, .bottom, - .left:backdrop, .right:backdrop, .bottom:backdrop { - background-color: $borders_color; - } -} - -// Panel Style -UnityPanelWidget, -.unity-panel { - background-color: rgba($panel_bg, 0.95); - color: lighten($panel_fg, 20%); - box-shadow: none; - - &:backdrop { color: lighten($panel_fg, 1%); } -} - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: $selected_fg_color; - background-image: _solid($selected_bg_color); - border-bottom: none; -} - -// Unity Greeter -.lightdm.menu { - background-image: none; - background-color: transparentize(black, 0.6); - border-color: transparentize(white, 0.2); - border-radius: 4px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: lighten($header_bg, 8); - border-radius: 0px; - padding: 0px; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - color: transparentize(white, 0.2); - background-image: none; - background-color: transparentize(black, 0.5); - - & > .menuitem { - padding: 2px 6px; - } -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: transparentize(black, 0.7); - border-color: transparentize(white, 0.6); - border-radius: 10px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; - border-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: transparentize(white, 0.9); - border-width: 1px; - border-style: solid; - color: white; -} - -.lightdm.entry:selected { - background-color: transparentize(white, 0.2); -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} - -.lightdm.option-button { - padding: 2px; - background: none; - border: 0; -} - -.lightdm.toggle-button { - background: none; - border-width: 0; - - &.selected { - background-color: transparentize(black, 0.3); - border-width: 1px; - } -} - -@keyframes dashentry_spinner { - to { - -gtk-icon-transform: rotate(1turn); - } -} diff --git a/test.sh b/test.sh deleted file mode 100755 index f4949a12..00000000 --- a/test.sh +++ /dev/null @@ -1,372 +0,0 @@ -#! /usr/bin/env bash -set -ueo pipefail -set -o physical -#set -x - -REPO_DIR=$(cd $(dirname $0) && pwd) -SRC_DIR=${REPO_DIR}/src - -ROOT_UID=0 -DEST_DIR= - -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/themes" -else - DEST_DIR="$HOME/.themes" -fi - -SASSC_OPT="-M -t expanded" - -THEME_NAME=WhiteSur -COLOR_VARIANTS=('-light' '-dark') -OPACITY_VARIANTS=('' '-solid') - -# COLORS -CDEF=" \033[0m" # default color -CCIN=" \033[0;36m" # info color -CGSC=" \033[0;32m" # success color -CRER=" \033[0;31m" # error color -CWAR=" \033[0;33m" # warning color -b_CDEF=" \033[1;37m" # bold default color -b_CCIN=" \033[1;36m" # bold info color -b_CGSC=" \033[1;32m" # bold success color -b_CRER=" \033[1;31m" # bold error color -b_CWAR=" \033[1;33m" # bold warning color - -# Echo like ... with flag type and display message colors -prompt () { - case ${1} in - "-s"|"--success") - echo -e "${b_CGSC}${@/-s/}${CDEF}";; # print success message - "-e"|"--error") - echo -e "${b_CRER}${@/-e/}${CDEF}";; # print error message - "-w"|"--warning") - echo -e "${b_CWAR}${@/-w/}${CDEF}";; # print warning message - "-i"|"--info") - echo -e "${b_CCIN}${@/-i/}${CDEF}";; # print info message - *) - echo -e "$@" - ;; - esac -} - -# Check command availability -function has_command() { - command -v $1 > /dev/null -} - -operation_canceled() { - clear - prompt -i "\n Operation canceled by user, Bye!" - exit 1 -} - -usage() { - printf "%s\n" "Usage: $0 [OPTIONS...]" - printf "\n%s\n" "OPTIONS:" - printf " %-25s%s\n" "-d, --dest DIR" "Specify theme destination directory (Default: ${DEST_DIR})" - printf " %-25s%s\n" "-n, --name NAME" "Specify theme name (Default: ${THEME_NAME})" - printf " %-25s%s\n" "-g, --gdm" "Install GDM theme, this option needs root user authority! Please run this with sudo" - printf " %-25s%s\n" "-r, --remove" "Remove theme, remove all installed themes" - printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" - printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" - printf " %-25s%s\n" "-h, --help" "Show this help" -} - -install() { - local dest=${1} - local name=${2} - local color=${3} - local opacity=${4} - - [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} - [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} - - local THEME_DIR=${1}/${2}${3}${4} - - [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} - - prompt -i "Installing '${THEME_DIR}'..." - - mkdir -p ${THEME_DIR} - - echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme - echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme - echo "Name=${2}${3}${4}" >> ${THEME_DIR}/index.theme - echo "Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme - echo "Encoding=UTF-8" >> ${THEME_DIR}/index.theme - echo "" >> ${THEME_DIR}/index.theme - echo "[X-GNOME-Metatheme]" >> ${THEME_DIR}/index.theme - echo "GtkTheme=${2}${3}${4}" >> ${THEME_DIR}/index.theme - echo "MetacityTheme=${2}${3}${4}" >> ${THEME_DIR}/index.theme - echo "IconTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "CursorTheme=${2}${3}" >> ${THEME_DIR}/index.theme - echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme - - mkdir -p ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/assets/gnome-shell/icons ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/pad-osd.css ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}.css ${THEME_DIR}/gnome-shell/gnome-shell.css - cp -r ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets - cp -r ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets - cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities.svg ${THEME_DIR}/gnome-shell/assets/activities.svg - - cd "${THEME_DIR}/gnome-shell" - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - mkdir -p ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc - cp -r ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc - cp -r ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets - - mkdir -p ${THEME_DIR}/gtk-3.0 - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 - cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/sidebar-assets/*.png ${THEME_DIR}/gtk-3.0/assets - cp -r ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton ${THEME_DIR}/gtk-3.0/windows-assets - cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}.png ${THEME_DIR}/gtk-3.0/thumbnail.png - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css - - if [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css - else - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css - fi - - glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml - rm -rf ${THEME_DIR}/gtk-3.0/{assets,windows-assets,gtk.css,gtk-dark.css} - echo '@import url("resource:///org/gnome/theme/gtk.css");' >> ${THEME_DIR}/gtk-3.0/gtk.css - echo '@import url("resource:///org/gnome/theme/gtk-dark.css");' >> ${THEME_DIR}/gtk-3.0/gtk-dark.css - - mkdir -p ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme${color}.xml ${THEME_DIR}/metacity-1/metacity-theme-1.xml - cp -r ${SRC_DIR}/main/metacity-1/metacity-theme-3.xml ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/assets/*.png ${THEME_DIR}/metacity-1 - cp -r ${SRC_DIR}/assets/metacity-1/thumbnail${color}.png ${THEME_DIR}/metacity-1/thumbnail.png - cd ${THEME_DIR}/metacity-1 && ln -s metacity-theme-1.xml metacity-theme-2.xml - - mkdir -p ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/assets/xfwm4/assets${color}/*.png ${THEME_DIR}/xfwm4 - cp -r ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc - - mkdir -p ${THEME_DIR}/cinnamon - cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}.css ${THEME_DIR}/cinnamon/cinnamon.css - cp -r ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}.png ${THEME_DIR}/cinnamon/thumbnail.png - - mkdir -p ${THEME_DIR}/plank - cp -r ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank -} - -install_theme() { - for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do - for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do - install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" - done - done - - if [[ -x /usr/bin/notify-send ]]; then - notify-send "Finished" "Enjoy your ${THEME_NAME} theme!" -i face-smile - fi -} - -# Backup and install files related to GDM theme -GS_THEME_FILE="/usr/share/gnome-shell/gnome-shell-theme.gresource" -SHELL_THEME_FOLDER="/usr/share/gnome-shell/theme" -ETC_THEME_FOLDER="/etc/alternatives" -ETC_THEME_FILE="/etc/alternatives/gdm3.css" -ETC_NEW_THEME_FILE="/etc/alternatives/gdm3-theme.gresource" -UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" -UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" -UBUNTU_YARU_THEME_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" - -install_gdm() { - local GDM_THEME_DIR="${1}/${2}${3}" - local YARU_GDM_THEME_DIR="$SHELL_THEME_FOLDER/Yaru/${2}${3}" - - echo - prompt -i "Installing ${2}${3} gdm theme..." - - if [[ -f "$GS_THEME_FILE" ]] && command -v glib-compile-resources >/dev/null ; then - prompt -i "Installing '$GS_THEME_FILE'..." - cp -an "$GS_THEME_FILE" "$GS_THEME_FILE.bak" - glib-compile-resources \ - --sourcedir="$GDM_THEME_DIR/gnome-shell" \ - --target="$GS_THEME_FILE" \ - "${SRC_DIR}/main/gnome-shell/gnome-shell-theme.gresource.xml" - fi - - if [[ -f "$UBUNTU_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_THEME_FILE'..." - cp -an "$UBUNTU_THEME_FILE" "$UBUNTU_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR/gnome-shell/gnome-shell.css" "$UBUNTU_THEME_FILE" - fi - - if [[ -f "$UBUNTU_NEW_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing '$UBUNTU_NEW_THEME_FILE'..." - cp -an "$UBUNTU_NEW_THEME_FILE" "$UBUNTU_NEW_THEME_FILE.bak" - cp -af "$GDM_THEME_DIR"/gnome-shell/* "$SHELL_THEME_FOLDER" - fi - - # > Ubuntu 18.04 - if [[ -f "$ETC_THEME_FILE" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$ETC_THEME_FILE" "$ETC_THEME_FILE.bak" - [[ -d "$SHELL_THEME_FOLDER/$THEME_NAME" ]] && rm -rf "$SHELL_THEME_FOLDER/$THEME_NAME" - cp -r "$GDM_THEME_DIR/gnome-shell" "$SHELL_THEME_FOLDER/$THEME_NAME" - cd "$ETC_THEME_FOLDER" - [[ -f "$ETC_THEME_FILE.bak" ]] && ln -sf "$SHELL_THEME_FOLDER/$THEME_NAME/gnome-shell.css" gdm3.css - fi - - # > Ubuntu 20.04 - if [[ -d "$SHELL_THEME_FOLDER/Yaru" && -f "$GS_THEME_FILE.bak" ]]; then - prompt -i "Installing Ubuntu GDM theme..." - cp -an "$UBUNTU_YARU_THEME_FILE" "$UBUNTU_YARU_THEME_FILE.bak" - rm -rf "$UBUNTU_YARU_THEME_FILE" - rm -rf "$YARU_GDM_THEME_DIR" && mkdir -p "$YARU_GDM_THEME_DIR" - - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell - mkdir -p "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru - cp -r "$SRC_DIR"/assets/gnome-shell/icons "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/pad-osd.css "$YARU_GDM_THEME_DIR"/gnome-shell - cp -r "$SRC_DIR"/main/gnome-shell/gdm3${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/gdm3.css - cp -r "$SRC_DIR"/main/gnome-shell/gnome-shell${color}.css "$YARU_GDM_THEME_DIR"/gnome-shell/Yaru/gnome-shell.css - cp -r "$SRC_DIR"/assets/gnome-shell/common-assets "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/assets${color}/*.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - cp -r "$SRC_DIR"/assets/gnome-shell/activities/activities.svg "$YARU_GDM_THEME_DIR"/gnome-shell/assets - - cd "$YARU_GDM_THEME_DIR"/gnome-shell - mv -f assets/no-events.svg no-events.svg - mv -f assets/process-working.svg process-working.svg - mv -f assets/no-notifications.svg no-notifications.svg - - glib-compile-resources \ - --sourcedir="$YARU_GDM_THEME_DIR"/gnome-shell \ - --target="$UBUNTU_YARU_THEME_FILE" \ - "$SRC_DIR"/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml - - rm -rf "$YARU_GDM_THEME_DIR" - fi -} - -while [[ $# -gt 0 ]]; do - case "${1}" in - -d|--dest) - dest="${2}" - if [[ ! -d "${dest}" ]]; then - prompt -e "Destination directory does not exist. Let's make a new one..." - mkdir -p ${dest} - fi - shift 2 - ;; - -n|--name) - name="${2}" - shift 2 - ;; - -g|--gdm) - gdm='true' - shift 1 - ;; - -o|--opacity) - shift - for opacity in "${@}"; do - case "${opacity}" in - standard) - opacities+=("${OPACITY_VARIANTS[0]}") - shift - ;; - solid) - opacities+=("${OPACITY_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized opacity variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -c|--color) - shift - for color in "${@}"; do - case "${color}" in - light) - colors+=("${COLOR_VARIANTS[0]}") - shift - ;; - dark) - colors+=("${COLOR_VARIANTS[1]}") - shift - ;; - -*|--*) - break - ;; - *) - prompt -e "ERROR: Unrecognized color variant '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac - done - ;; - -h|--help) - usage - exit 0 - ;; - *) - prompt -e "ERROR: Unrecognized installation option '$1'." - prompt -i "Try '$0 --help' for more information." - exit 1 - ;; - esac -done - -# Install dependency -if [ ! "$(which glib-compile-resources 2> /dev/null)" ]; then - prompt -w "\n 'glib2.0' needs to be installed for this shell" - if has_command apt; then - sudo apt install libglib2.0-dev-bin - elif has_command dnf; then - sudo dnf install -y glib2-devel - fi -fi - -# Parse scss to css -for color in "${COLOR_VARIANTS[@]}"; do - for opacity in "${OPACITY_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${opacity}.{scss,css} - echo "==> Generating the gtk${color}${opacity}.css..." - sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${opacity}.{scss,css} - echo "==> Generating the cinnamon${color}${opacity}.css..." - sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${opacity}.{scss,css} - echo "==> Generating the gnome-shell${color}${opacity}.css..." - done - - sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}.{scss,css} - echo "==> Generating the gdm3${color}.css..." -done - -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css} -echo "==> Generating dash-to-dock stylesheet.css..." -sassc $SASSC_OPT src/other/dash-to-dock/stylesheet-dark.{scss,css} -echo "==> Generating dash-to-dock stylesheet-dark.css..." - -# Install themes -if [[ "${gdm:-}" != 'true' ]]; then - install_theme -fi - -# Install GDM theme -if [[ "${gdm:-}" == 'true' && "$UID" -eq "$ROOT_UID" ]]; then - install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" -fi - -prompt -s "\n Done!".